除了上面的最佳答案之外,为了去除空格并将其替换为破折号,并转换为小写,在dropzone.js文件中应用以下js代码:
name = name.replace(/\s+/g, '-').toLowerCase();
关于文件名处理 - 我编辑了
dropzone.js
文件和上面的ajax调用。这样,客户端处理文件命名,并且它会自动发送到PHP/服务器端,因此您不必在那里重新做它,而且它基本上是URL安全的。
在某些情况下,js会根据功能/命名而改变:
dropzone.js - 第293行(大约):
node = _ref[_i];
node.textContent = this._renameFilename(file.name.replace(/\s+/g, '-').toLowerCase());
dropzone.js - 第746行(大约):
Dropzone.prototype._renameFilename = function(name) {
if (typeof this.options.renameFilename !== "function") {
return name.replace(/\s+/g, '-').toLowerCase();
}
return this.options.renameFilename(name.replace(/\s+/g, '-').toLowerCase());
};
我把整个removedFile
部分移到了dropzone.js
的顶部,如下所示:
autoQueue: true,
addRemoveLinks: true,
removedfile: function(file) {
var name = file.name;
name =name.replace(/\s+/g, '-').toLowerCase();
$.ajax({
type: 'POST',
url: 'dropzone.php',
data: "id=" + name,
dataType: 'html',
success: function(data) {
$("#msg").html(data);
}
});
var _ref;
if (file.previewElement) {
if ((_ref = file.previewElement) != null) {
_ref.parentNode.removeChild(file.previewElement);
}
}
return this._updateMaxFilesReachedClass();
},
previewsContainer: null,
hiddenInputContainer: "body",
请注意,我还在HTML中添加了一个消息框:
div id="msg"></div>
,它将允许服务器端错误处理/删除向用户发送消息。
在dropzone.php文件中:
if (isset($_POST['id']) {
echo $_POST['id'] . ' deleted';
}
这只是我这边工作代码的扩展。我有三个文件:dropzone.html、dropzone.php、dropzone.js
显然,你应该创建一个js函数而不是重复代码,但因为命名更改,这对我很合适。你可以自己在js函数中传递变量来处理文件名空格/字符等。