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

首先给大家推荐一下我老师大神的人工智能教学网站。教学不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵黄段子!点这里可以跳转到网站

<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页面

点这里可以跳转到人工智能网站

发表评论