我編寫了 PHP 腳本來在上傳圖像之前預(yù)覽圖像，該腳本簡單易讀。第一部分是顯示圖像，然后在按“提交”按鈕后上傳圖像。我在上傳圖片時遇到問題，無法上傳。<?phpif (!empty($_POST["uploadForm"])) {if (is_uploaded_file($_FILES['userImage']['tmp_name'])) { $targetPath = "uploads/".$_FILES['userImage']['name']; if (move_uploaded_file($_FILES['userImage']['tmp_name'], $targetPath)) { $uploadedImagePath = $targetPath; } }}?><input type="file" accept="image/*" onchange="loadFile(event)"><img id="userImage" /><script>var loadFile = function(event) { var output = document.getElementById('userImage'); output.src = URL.createObjectURL(event.target.files[0]); output.onload = function() {URL.revokeObjectURL(output.src) } // free memory};</script><form id="uploadForm" action="" method="post" enctype="multipart/form-data"> <input type="submit" name="upload" value="Submit" class="btnSubmit"></form>
2 回答
慕碼人2483693
TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超9個贊
您的 PHP 代碼和 HTML 中存在多個邏輯錯誤。
檢查表單提交時，您必須檢查“上傳”（提交按鈕的名稱）是否在 $_POST 中。
文件上傳輸入應(yīng)位于 <form> 標(biāo)記內(nèi)。
為文件上傳字段設(shè)置一個名稱，我將其設(shè)置為“userImageUpload”，這樣您就可以從 PHP 中的 $_FILES 訪問它。
這是最終的代碼：
<?php
if (!empty($_POST["upload"])) {
if (is_uploaded_file($_FILES['userImageUpload']['tmp_name'])) {
$targetPath = "uploads/" . $_FILES['userImageUpload']['name'];
if (move_uploaded_file($_FILES['userImageUpload']['tmp_name'], $targetPath)) {
$uploadedImagePath = $targetPath;
}
}
}
?>
<img id="userImage" />
<script>
var loadFile = function(event) {
var output = document.getElementById('userImage');
output.src = URL.createObjectURL(event.target.files[0]);
output.onload = function() {
URL.revokeObjectURL(output.src)
} // free memory
};
</script>
<form id="uploadForm" action="" method="post" enctype="multipart/form-data">
<input type="file" accept="image/*" onchange="loadFile(event)" name="userImageUpload">
<input type="submit" name="upload" value="Submit" class="btnSubmit">
</form>
注意：請確?！吧蟼鳌蔽募A已存在并且權(quán)限也正確。
慕雪6442864
TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個贊
您已將輸入放在表單之外，但它應(yīng)該在其中：
<form id="uploadForm" action="" method="post" enctype="multipart/form-data">
<input type="file" accept="image/*" onchange="loadFile(event)">
<input type="submit" name="upload" value="Submit" class="btnSubmit">
</form>
- 2 回答
- 0 關(guān)注
- 146 瀏覽
添加回答
舉報
0/150
提交
取消