[英]Uncaught type error for input type file
我有一個表格,我正在嘗試上傳文件,但是我必須獲取文件才能上傳,但是由於出現此錯誤,我無法這樣做
main.js:5未捕獲的TypeError:無法讀取null的屬性“值”
function upload() {
var data = new XMLHttpRequest();
var url = "includes/upload.php";
var file = document.getElementById("filename").value;
var image = document.getElementById("image").value;
var span = document.querySelector('#uploadPreview[style]'),
a = window.getComputedStyle(span, null).transform,
b = window.getComputedStyle(span, null).transformOrigin;
val = 'transform:' + a + ';transform-origin:' + b + ';backface-visibility: hidden;';
var vars = "style=" + val + "&image=" + image + "&filename=" + file;
data.open("POST", url, true);
data.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
data.onreadystatechange = function() {
if (data.readyState == 4 && data.status == 200) {
var return_data = data.responseText;
document.getElementById("comment_box").innerHTML = return_data;
}
}
data.send(vars);
}
我的HTML代碼:
<form method="POST" enctype="multipart/form-data" style="text-align:center;">
<input id="uploadImage" type="file" id="image" name="image" style="margin:auto;" />
<input type="hidden" id="x" name="x" />
<input type="hidden" id="y" name="y" />
<input type="hidden" id="w" name="w" />
<input type="hidden" id="h" name="h" />
<input type="hidden" id="filename" name="filename" value="<?php if(!empty($data['profile_pic'])) { echo $data['profile_pic'];} ?>" />
<button type="button" name="update_picture" class="btn_form" onclick="upload();">Update Picture</button>
</form>
您在這里有2個ID:
<input id="uploadImage" type="file" id="image" name="image" style="margin:auto;" />
嘗試僅使用一個ID。
您不能同時擁有,可以在這里參考此問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.