通过bootstrap-fileupload实现文件上传成功后的回调

来源：互联网发布：淘宝化妆品销售排名编辑：程序博客网时间：2024/05/17 22:10

<script>    $("#update_csv").fileinput({        showUpload: false,        language:'zh',        uploadAsync:true,        dropZoneEnabled:false,        uploadUrl:'http://www.soyiyuan.com/',        maxFileCount: 1,        maxImageWidth: 600,        resizeImage: false,        showCaption: false,        showPreview: false,        browseClass: "btn btn-primary btn-lg",        allowedFileExtensions : ['csv', 'txt'],        previewFileIcon: ""    }).on("filebatchselected", function(event, files) {            $(this).fileinput("upload");        })        .on("fileuploaded", function(event, data) {        if(data.response)        {            alert('处理成功');        }    });</script>

.on("filebatchselected", function(event, files) {            $(this).fileinput("upload");        })
是jquery的方法，实现文件自动上传

.on("fileuploaded", function(event, data) {        if(data.response)        {            alert('处理成功');        }
是jquery的方法，实现文件上传成功后的提示
<script type="text/javascript">$("#input-ficons-4").fileinput({    uploadUrl: "AdImgServlet?flag=adimgadd&time="+new Date().getTime(),    previewFileIcon: '<i class="fa fa-file"></i>',    allowedPreviewTypes: 'jpg', // disable preview of standard types    allowedPreviewMimeTypes: ['image/jpeg', 'text/javascript'], // allow content to be shown only for certain mime types     dropZoneTitle: '请通过拖拽或下方的"选择"按钮的方式将jpg格式的广告图片文件放到这里 &hellip;',    previewFileIconSettings: {        'docx': '<i class="fa fa-file-word-o text-primary"></i>',        'xls': '<i class="fa fa-file-excel-o text-success"></i>',        'xlsx': '<i class="fa fa-file-excel-o text-success"></i>',        'pptx': '<i class="fa fa-file-powerpoint-o text-danger"></i>',        'pdf': '<i class="fa fa-file-pdf-o text-danger"></i>',        'zip': '<i class="fa fa-file-archive-o text-muted"></i>',    }}).on("fileuploaded", function(event, data) {        if(data.response)        {            //window.location.href="adimgslist.jsp";            window.setTimeout("window.location='adimgslist.jsp'",3000);        }    });</script>
上述文件实现文件“选择”后点击“上传”按钮后3秒后自动跳转到adimgslist.jsp页面

1 0