Dropzone.js在成功上传时用文本替换预览图像

时间:2017-08-02 09:05:22

标签: javascript jquery dropzone.js

我有一个这样的dropzone:

<form action="SaveAddressFile" method="post" enctype="multipart/form-data" class="dropzone" id="addressFile">
    <div class="fallback">
        <input name="file" type="file" />
        <input type="submit" value="Upload" />
     </div>
 </form>

我想要发生的是当用户在其上删除文件时,如果上传成功,则图标(和文本/刻度图像)将被服务器发回的消息替换。

到目前为止,我有:

        Dropzone.options.addressFile = {
        maxFiles: 1,
        init: function() {
            this.on("maxfilesexceeded", function(file){
                this.removeFile(file);
            });
        },
        accept: function(file, done) {
            var thumbnail = $('.dropzone .dz-preview.dz-file-preview .dz-image:last');

            switch (file.type) {

            case 'application/vnd.ms-excel':
                thumbnail.css('background', 'url(/images/fileIcons/excel.png');
                break;
            case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
                thumbnail.css('background', 'url(/images/fileIcons/excel.png');
                break;
            }

            done();
        },
          success:function(file, response) {
            $('#addressFile.dropzone .dz-preview.dz-file-preview .dz-image:last').css('background', 'none');
            $('#addressFile.dropzone .dz-preview.dz-file-preview').text =  response.message;
            return file.previewElement.classList.add("dz-success");
        }
    };

问题似乎在于:

 $('#addressFile.dropzone .dz-preview.dz-file-preview').text =  response.message;

虽然alert(response.message)正常工作,但似乎为我插入了文本。

我是否使用了错误的事件或从根本上误解了某些事情?

0 个答案:

没有答案