jquery.fileupload.js 多文件上传

Posted 2020-10-12 guoke1970s

JS代码
/*源码上传*/
$(‘#doc0‘).fileupload({
    autoUpload: true,
    dataType: ‘json‘,
    url: ‘/finance/fileUpload‘,
    add: function (e, data) {
        data.submit();
    },
    done: function (e, data) {
        $.each(data.result.files, function (index, file) {
            $(‘<p/>‘).text(file.name).appendTo(document.body);
        });
    },
    fail: function (e, data) {
        //错误提示
        gritted(‘上传失败‘);
    },
    success: function (e, data) {
        var file_size = e.size;
        if (file_size / 1000 < 1) {
            var fileSize = ‘<1‘;
        } else {
            var fileSize = Math.round(file_size) / 1000;
        }
  
    }
});
//标签

<input type="file" name="files" id="doc0" imgid="img0" data-url="/finance/fileUpload"
          multiple="" value=""/>
//需要引入的JS库

{!! Theme::asset()->container(‘specific-js‘)->usep2ath()->add(‘fileUpload1‘,‘js/user/jquery.ui.widget.js‘) !!}
{!! Theme::asset()->container(‘specific-js‘)->usepath()->add(‘fileUpload2‘,‘js/user/jquery.iframe-transport.js‘) !!}
{!! Theme::asset()->container(‘specific-js‘)->usepath()->add(‘fileUpload3‘,‘js/user/jquery.fileupload.js‘) !!}