मैं अब घंटों से नेट और परीक्षण खोज रहा हूं लेकिन मैं यह नहीं बता सका कि त्रुटि क्या है। इसलिए, मैं यहां आपकी मदद की तलाश में हूं। मैंने ड्रैग एंड ड्रॉप कार्यक्षमता के साथ चरण-दर-चरण एकाधिक फ़ाइलें अपलोड ट्यूटोरियल का पालन किया लेकिन मुझे शीर्षक में उल्लिखित त्रुटि संदेश मिला (और त्रुटि को फेंकने वाले कोड की पंक्ति xmlhttp.send(data); है)। फ़ाइल अपलोड.जेएस में यह कार्य है:
(function(o) {
"use strict";
var ajax, getFormData, setProgress;
ajax = function(data) {
var xmlhttp = new XMLHttpRequest();
var uploaded;
xmlhttp.addEventListener('readystatechange', function() {
if (this.readyState === 4) {
if(this.status === 200){
uploaded = JSON.parse(this.response);
if(typeof o.options.finished === 'function'){
o.options.finished(uploaded);
}
} else {
if(typeof o.options.error === 'function'){
o.options.error();
}
}
}
});
xmlhttp.open('post', o.options.processor);
xmlhttp.send(data);
};
getFormData = function(source) {
var data = new FormData();
var i;
for(i = 0; i < source.length; i = i + 1) {
data.append('files[]', source[i]);
}
return data;
};
o.uploader = function(options) {
o.options = options;
if(o.options.files !== undefined) {
ajax(getFormData(o.options.files));
}
};
}());
और Global.js फ़ाइल में यह कोड है:
(function() {
"use strict";
var dropZone = document.getElementById('drop-zone');
var uploadsFinished = document.getElementById('uploads-finished');
var startUpload = function(files) {
app.uploader({
files: files,
Processor: 'upload.php',
finished: function(data){
var x;
var uploadedElement;
var uploadedAnchor;
var uploadStatus;
for (x = 0; x < data.length; x = x + 1) {
currFile = data[x];
uploadedElement = document.createElement('div');
uploadedElement.className = 'uploaded-console-upload';
uploadedAnchor = document.getElementById('a');
uploadedAnchor.textContent = currFile.name;
if(currFile.uploaded) {
uploadedAnchor.href = 'uploads/' + currFile.file;
}
uploadedStatus = document.createElement('span');
uploadedStatus.textContent = currFile.uploaded ? 'uploaded' : 'Failed';
uploadedElement.appendChild(uploadedAnchor);
uploadedElement.appendChild(uploadedStatus);
uploadsFinished.appendChild(uploadedElement);
}
uploadsFinished.className = '';
},
error: function() {
//console.log('There was an error');
}
});
};
//Standard form upload
document.getElementById('standard-upload').addEventListener('click', function(e) {
var standardUploadFiles = document.getElementById('standard-upload-files').files;
e.preventDefault();
startUpload();
});
//Drop funtionality
dropZone.ondrop = function(e){
e.preventDefault();
this.className = 'upload-console-drop';
startUpload(e.dataTransfer.files);
};
dropZone.ondragover = function() {
this.className = 'upload-console-drop drop';
return false;
};
dropZone.ondragleave = function() {
this.className = 'upload-console-drop';
return false;
};
}());
इस समस्या को हल करने में कोई मदद की बहुत सराहना की जाएगी। धन्यवाद।
1
Tempo
27 फरवरी 2019, 00:19
1 उत्तर
सबसे बढ़िया उत्तर
o.options.processor
को Processor
के रूप में परिभाषित किया गया था और जब इसे बाद में कोड में वापस बुलाया गया था, तो इसे processor
(Processor
से processor
में बदलकर) हल किया गया था। मामला। आपकी टिप्पणियों के लिए धन्यवाद दोस्तों जिसने मुझे त्रुटि खोजने में मदद की।
0
Tempo
27 फरवरी 2019, 09:21