第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

Javascript formData 數(shù)組返回空

Javascript formData 數(shù)組返回空

我的 AJAX formData 對(duì)象有問(wèn)題。如果在輸入中選擇一個(gè)文件并使用 AJAX 發(fā)送該文件,則數(shù)組為空。我希望有人能幫助我解決這個(gè)問(wèn)題。下面是我的代碼HTML 和 JavaScript    <form method="post" id="quoteform">        <input type="file" name="uploadfile" id="quote"/>        <input type="submit" value="upload"/>    </form>    <script type="text/javascript">    document.getElementById("quoteform").addEventListener("submit", function(){        var files           = document.getElementById("quote").files;        var formData        = new FormData();                for (var i = 0; i < files.length; i++) {            var file = files[i]            formData.append('files[]', file);        }        var xhttp           = new XMLHttpRequest();        xhttp.open("POST", "linktophpfile.php", true);        xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");        xhttp.send('upload='+formData);        xhttp.onreadystatechange = function() {            if (this.readyState == 4 && this.status == 200) {                alert(this.responseText);            }        }        event.preventDefault();    });    </script>PHP<?phpif(isset($_POST['upload'])){    print_r($_FILES);}?>PHP 文件返回 Array ( )
查看完整描述

1 回答

?
HUWWW

TA貢獻(xiàn)1874條經(jīng)驗(yàn) 獲得超12個(gè)贊

  1. 當(dāng)您上傳文件時(shí),您將無(wú)法使用,application/x-www-form-urlencoded您必須使用multipart/form-data

  2. 你不應(yīng)該將字符串與 formData 混合,send('upload='+formData)它只會(huì)導(dǎo)致你上傳等于upload=[Object object]

您應(yīng)該只發(fā)送 formData 并讓 XHR 或 Fetch 自動(dòng)為您處理內(nèi)容類型。

  1. 如果您想要一個(gè)數(shù)組,那么我想您也想要該屬性mulitple?為了更好的衡量,你總是可以添加requiredaccept="image/*, .txt"

  2. 如果您只使用接受表單元素的第一個(gè)構(gòu)造函數(shù)參數(shù),則無(wú)需手動(dòng)將所有文件添加到表單數(shù)據(jù)中,表單中的所有內(nèi)容都將被添加

<form method="POST" action="https://httpbin.org/post" id="quoteform" encoding="multipart/form-data">

  <input multiple type="file" name="files[]" id="quote" required />

  <input type="submit" value="upload"/>

</form>

<script>

// html (xml) should mark the settings, behavior as it mostly always have done

// in all years way back and the js should provide enhancement and

// be more generally written to enhance the site (if js where

// to be turned off - most unlikely, I for once have it disabled in my phone)

// static sites works better without ads + annoying cookie popups

// it's a good thing Brave have quick toggle to enable scrips for js-only pages


function ajaxify (evt) {

  evt.preventDefault()

  var form = evt.target

  var formData = new FormData(form)


  fetch(form.action, {

    method: form.method,

    body: formData

  }).then(res => res.text()).then(alert)

}


document.getElementById("quoteform").addEventListener("submit", ajaxify)

</script>


查看完整回答
反對(duì) 回復(fù) 2023-11-05
  • 1 回答
  • 0 關(guān)注
  • 199 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)