首页 > Web开发 > 详细

文件上传组件使用。

时间:2018-09-07 12:34:20      阅读:174      评论:0      收藏:0      [点我收藏+]

参考:
https://www.cnblogs.com/landeanfen/p/5007400.html

bootstrap-fileinput源码:https://github.com/kartik-v/bootstrap-fileinput

bootstrap-fileinput在线API:http://plugins.krajee.com/file-input

bootstrap-fileinput Demo展示:http://plugins.krajee.com/file-basic-usage-demo


<script src="/static/vendors/kartik-v-bootstrap-fileinput-3540936/js/plugins/piexif.min.js"
        type="text/javascript"></script>
<script src="/static/vendors/kartik-v-bootstrap-fileinput-3540936/js/plugins/sortable.min.js"
        type="text/javascript"></script>
<script src="/static/vendors/kartik-v-bootstrap-fileinput-3540936/js/plugins/purify.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="/static/vendors/kartik-v-bootstrap-fileinput-3540936/js/fileinput.min.js"></script>
 <form id="fileuploadform" enctype="multipart/form-data">

                                <div class="col-md-12 col-sm-12 col-xs-12 form-group has-feedback">
                                    <label class="control-label col-md-3 col-sm-12 col-xs-12"
                                    >选择文件</label>
                                    <div class="col-md-9 col-sm-12 col-xs-12">
                                        <input id="input-id" type="file">
                                    </div>
                                </div>

$(document).ready(function () {

    $("#input-id").fileinput({
        showUpload:true,
        uploadLabel: "xxx",
        uploadTitle: "xxxx",
        allowedFileExtensions: [‘xlsx‘],
        maxFileSize: 10000,
        maxFilesNum: 1,
        uploadUrl:  "xxxx",
        //showPreview:false,
        enctype: ‘multipart/form-data‘,
        ajaxSettings: { type: "POST",   headers: header,},

        uploadExtraData: function (previewId, index) {
            var obj = {};
           obj["xxx"]=$("#xxx").val()
            return obj;
        },

     });

   

 });
 perfFile = request.FILES.get("file_data", None)  # 获取上传的文件,如果没有文件,则默认为None
    if not perfFile:
        result["error"] = "no uploaded files found"
        return Response(result)

文件上传组件使用。

原文:https://www.cnblogs.com/abcyrf/p/9603646.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!