文件上传组件使用。

参考:
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;
        },

     });

  $('#input-id').on('filebrowse', function(event) {
        $('#input-id').fileinput('clear');
    });

   

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


``

``

posted @ 2018-09-07 11:40  abcyrf  阅读(214)  评论(0编辑  收藏  举报