我在一個網站上發現了這個代碼,用于使用javascript上傳檔案,但它似乎并不作業。誰能幫我解決這個問題呢?
Index.php :
<! DOCTYPEhtml>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="styleheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link rel="style.css" rel="styleheet" type="text/css"/>
</head>
<body>
<div class="container">
<div class="row">
<div id="uploads"></div>
<div class="dropzone" id="dropzone">
丟棄檔案后再上傳
</div>
</div>
</div>
<script src="js_script.js" type="text/javascript"></script>
</body>
</html>
和js :
(function(/span>) {
var dropzone = document.getElementById('dropzone') 。
var displayUploads = function(data) {
var uploads = document.getElementById('uploads') 。
錨。
x;
for (x = 0; x < data.length; x = x 1) {
anchor = document.createElement('a'/span>)。
anchor.href = data[x].file;
anchor.innerText = data[x].name;
uploads.appendChild(anchor)。
}
};
var upload = function(files) {
var formData = new FormData() 。
xhr = new XMLHttpRequest(),
x;
for (x = 0; x < files.length; x = x 1) {
formData.append('file[]'/span>, files[x])。
}
xhr.onload = function() {
var data = JSON.parse(this.responseText) 。
displayUploads(資料)。
};
xhr.open('post', 'upload.php') 。
xhr.send(formData)。
};
dropzone.ondrop = function(e){
e.preventDefault()。
this.className = 'dropzone';
upload(e.dataTransfer.files) 。
};
dropzone.ondragover = function(){
this.className = 'dropzone dragover' ;
return false;
};
dropzone.ondragleave = function(/span>) {
this.className = 'dropzone';
return false;
};
}());
和upload.php :
<?php
header("Content-Type: application/json") 。
$uploaded = array();
if(!empty($_FILES['file']['name'][0]){
foreach($_FILES['file']['name'] as $position => $name){
if(move_uploaded_file($_FILES['file']['tmp_name'][$position], 'uploads/'. $name)){
$uploaded[] = array(
'name' => $name,
'file' => 'uploads/'.$name.
);
}
}
}
echo json_encode($uploaded);
?">。
而現在這個問題 :
GET .../upload.php 404 (Not Found)
和問題的相關代碼 :
xhr.send(formData)。
btw控制臺中顯示的 "GET "是什么?
uj5u.com熱心網友回復:
我剛剛保存的檔案 "Upload.php "的大寫字母是 "U",應該是 "upload.php"。 我是不是太傻了,還是說對于初學者來說,這樣做就可以了?
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/323838.html
標籤:
下一篇:如何將不同列的所有核心值放在一起
