【问题标题】:Is possible to reset jquery image upload plugin without refresh可以在不刷新的情况下重置jquery图像上传插件
【发布时间】:2016-05-24 19:15:22
【问题描述】:

我正在使用 HayaGeek 的 jquery 多文件上传器。

var uploadObj = $("#fileuploader").uploadFile({
             url:"PHP File...",
             fileName:"userFile",
             dragDrop:false,
             multiple:false,
             showFileCounter:false,
             allowedTypes:"jpg,jpeg,png,mov,mp4",
             acceptFiles:"video/*,image/*",
             showQueueDiv: "fileprogress",
             maxFileSize: 512000000,
             autoSubmit: false,

             onSelect:function(files)
            {

                $('#fileprogress').show();
                var filename = files[0].name;

                var valid_extensionsVideo = /(\.mov|\.mp4)$/;   

                if(valid_extensionsVideo.test(filename)){

                    uploadObj.startUpload();
                    $('#fileprogress').show();                  
                    }

                    else{

            var preview = document.querySelector('#imagepreview');


            var file = files[0];
            var reader  = new FileReader();
            reader.addEventListener("load", function () { 
            preview.src = reader.result;
            var canvasImageReady= $('#imagepreview').attr('src');

             CANVAS_IMG = canvasImageReady;
             set_my_image(CANVAS_IMG);

            $('#modalurl')[0].click();   
            }, false);

            if (file) {
                reader.readAsDataURL(file);
                }

                    }


             //to allow file submission.
        uploadObj.reset();

        return true;
            },

默认情况下,我已将 autoSubmit 更改为 false,所以当我选择图像文件时,它不会被上传,只是显示在弹出窗口中,我正在使用另一种方法将图像文件上传到服务器。所以一切正常,但是当我上传视频时,它会上传我之前选择的所有图像,而不是我选择的视频。

有没有什么方法可以在选择每个文件后重置uploadFile?

喜欢:

files = ""; or something else

我试过reset()函数还是不行,reset函数只是重置进度条。

还有一个问题,当我首先选择视频时,什么都没有发生,只是文件上传栏可见,当我重新选择视频时再次上传作品,但再次使用旧图像,我只选择在弹出窗口中查看。

【问题讨论】:

    标签: jquery


    【解决方案1】:

    我只是在图片上传后添加了2个功能:

            uploadObj.cancelAll();
            uploadObj.reset();
    

    通过使用 CancelAll,它会重置所有待处理的文件。作为Reset用来重置进度条

    【讨论】:

      猜你喜欢
      • 2021-03-25
      • 2023-04-11
      • 1970-01-01
      • 1970-01-01
      • 2011-08-17
      • 2020-12-22
      • 2018-08-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多