我有一个这样的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)正常工作,但似乎为我插入了文本。
我是否使用了错误的事件或从根本上误解了某些事情?