jquery-AJAX-FormData上傳文件

  • jquery
    • 設置data的值為 FormData對象
    • 還需要設置 processData:falsecontentType:false
<body>
    <input type="file" name="pic[]" multiple id="myinput">
    <button onclick="uploadFile()">上傳</button>
</body>
<script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script> 
<script type="text/javascript">
    function uploadFile(){
        var fd=new FormData()
        fd.append("pic",document.getElementById("myinput").files[0])
        console.log(document.getElementById("myinput").files[0])
        $.ajax({
            url:"uploadserver/upload.php",
            type:"post",
            data:fd,
            processData:false,
            contentType:false,
            succcess:function(res){
                console.log(res)
            },
            dataType:"json"
        })
    }
</script>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 單例模式 適用場景:可能會在場景中使用到對象,但只有一個實例,加載時并不主動創建,需要時才創建 最常見的單例模式,...
    Obeing閱讀 2,110評論 1 10
  • 工廠模式類似于現實生活中的工廠可以產生大量相似的商品,去做同樣的事情,實現同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,854評論 2 17
  • 個人博客:https://yeaseonzhang.github.io 花了半個多月的時間,終于又把“JS紅寶書”...
    Yeaseon閱讀 1,790評論 2 23
  • H5 meta詳解 viewport width:控制 viewport 的大小,可以指定的一個值,如果 600,...
    FConfidence閱讀 842評論 0 3
  • 原因: 項目或工程的Build.gradle文件的編碼格式為UTF-8 +BOM格式 解決方法: 通過NotePa...
    草帽團長閱讀 2,892評論 0 0