异步上传到服务器后,如果需要修改上传的图片,删除后应该服务器上的图片也应该被删掉。
可能我们常用的 dropzoone的两个常用事件, ‘success’上传成功 ‘removedfile’删除事件
整理代码如下:
Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("#Dropzone", {
url: "上传地址",
addRemoveLinks: true,
method: 'post',
filesizeBase: 1024,
maxFilesize:5,
maxFiles:6,
dictRemoveFile:'点击移除',
dictCancelUpload:'取消上传',
dictMaxFilesExceeded:'上传个数已满',
dictFileTooBig: '图片过大',
init: function() {
this.on("success", function(file, res, e) {
$(file.previewTemplate).append('<input type="hidden" name="img[]" value="'+res.src+'">');
});
this.on("removedfile", function(file) {
// console.log("File " + file.name + "removed");
var filename = $(file.previewTemplate).children("input[ type='hidden']").val();
$.ajax({
url: '删除文件地址',
data: {'filename':filename},
datatype: 'json',
type: 'post',
success: function(res) {
// alert(res.code);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest);
}
});
});
}
});
这种插件相关的教程实例,很少。记之分享。