jquery 上傳文件的同時(shí)怎么傳輸json參數(shù)

問題

如題

解決辦法

        const formData = new FormData();
        formData.append("file",$("#photo")[0].files[0]);
        //formData.append("user",'{"name":"11","age":12}');
        formData.append('user', new Blob([JSON.stringify({
            "name": "11",
            "age": 12
        })], {
            type: "application/json"
        }));
        const settings = {
            "url": "http://localhost:8080/upload",
            "method": "POST",
            "timeout": 0,
            "processData": false,
            "mimeType": "multipart/form-data",
            "contentType": false,
            "data": formData
        };

        $.ajax(settings).done(function (response) {
            console.log(response);
        });

關(guān)鍵在于FormData.append方法的第二個(gè)參數(shù)是可以指定參數(shù)類型的

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 基于官方文檔的翻譯,官方文檔 file_browser_callback這個(gè)選項(xiàng)允許你添加自己的文件或者圖片瀏覽器...
    Keriy閱讀 22,670評(píng)論 2 9
  • 一丶前端文件上傳方式 前端網(wǎng)頁文件上傳一般使用 來實(shí)現(xiàn)。 在 HTML 文檔中: ` `標(biāo)簽每出現(xiàn)一次,一個(gè)...
    毒行影客閱讀 7,273評(píng)論 0 13
  • 文件上傳也是常見的功能,趁著周末,用Spring boot來實(shí)現(xiàn)一遍。 前端部分 前端使用jQuery,這部分并不...
    周小春閱讀 999評(píng)論 0 5
  • 目標(biāo) 在很多Web應(yīng)用中,都有上傳文件的使用場(chǎng)景。本篇文件將講述如何使用一個(gè)Form表單上傳文件,該Form表單將...
    fall4u閱讀 2,129評(píng)論 0 0
  • 我是黑夜里大雨紛飛的人啊 1 “又到一年六月,有人笑有人哭,有人歡樂有人憂愁,有人驚喜有人失落,有的覺得收獲滿滿有...
    陌忘宇閱讀 8,896評(píng)論 28 54

友情鏈接更多精彩內(nèi)容