そのため、私は今日、ドラッグアンドドロップファイルアップロードスクリプトを機能させることに取り組んでいます。これは、単一のファイルに対して機能します。複数のファイルを許可するようにしようとしましたが、問題が発生しています。
// Required for drag and drop file access
jQuery.event.props.push('dataTransfer');
// Set the dropzone
$("#dropzone-wrapper").on('drop', function(event) {
// Do something with the file(s)
var files = event.dataTransfer.files;
if (files.type.match('image.*')) {
// If the file is an image, then run the processFileUpload function
processFileUpload(files);
} else {
alert("Not an image!");
}
});
// Process the file that was dropped
function processFileUpload(droppedFile) {
var uploadFormData = new FormData();
uploadFormData.append("image",droppedFile);
var bar = $('.bar');
var percent = $('.percent');
$.ajax({
url : "Uploader/upload.php", // use your target
type : "POST",
beforeSend: function() {
$('.progress').show();
var percentVal = 0;
bar.width(percentVal)
percent.html(percentVal + '%');
window.setInterval(function(){
var x = (100 / (droppedFile.size / 100000));
var x = Math.round(x);
if (x >= 90) { clearInterval(); } else {
percentVal = percentVal + x;
percent.html(percentVal + '%');
bar.width(percentVal + '%'); }
}, 1000);
},
complete: function() {
clearInterval();
bar.width("100%");
percent.html("100%");
},
data : uploadFormData,
chache : false,
contentType : false,
processData : false,
success : function(data) {
window.location = data;
}
});
}
私が得ているエラーは*未定義のメソッド'match'を呼び出すことができません*これは9行目に関連しています。私が言ったように、1つだけをチェックするのは問題ないので、複数のファイルをチェックする際に問題が発生していると思います。アップロードされているすべてのファイルが画像であるかどうかを確認するにはどうすればよいですか?