formdata 傳照片

時間 2020-08-05

原文原文鏈接

<html>

    <head>
        <title></title>
        <meta charset="UTF-8" />
        <script src="jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body>
        <form name="form1" id="form1" enctype="multipart/form-data">
            <input type="file" name="img" id="img" value="" onchange="dj()" />
        </form>
        <script type="text/javascript">
            function dj() {
                var form = document.getElementById('form1');
                var oMyForm = new FormData();
                oMyForm.append("username", "Groucho");
                oMyForm.append("sex", "Groucho");
                oMyForm.append('img', $('#img')[0].files[0]);

                $.ajax({
                    url: "http://192.168.1.105/ifangApi/?s=Api/Order/aa",
                    type: "POST",
                    data: oMyForm,
                    processData: false, // 告訴jQuery不要去處理髮送的數據
                    contentType: false // 告訴jQuery不要去設置Content-Type請求頭
                });

            }
        </script>
    </body>

</html>







顯示照片

$("#txxq").change(function() {
var zp = $(this)[0].files[0]
var gh = $("#dd").val()
if(zp.type == "image/jpeg" || zp.type == "image/png") {
$(this).next()[0].src = window.URL.createObjectURL($(this)[0].files[0]) 建立一個虛擬地址
} else {
alert("budui")
}
})javascript

1. formData上傳圖片
2. MVC照片上傳
3. 圖片上傳： ajax-formdata-upload
4. formData實現圖片上傳
5. 從FormData到圖片上傳
6. jq formdata上傳圖片
7. formdata 上傳圖片+進度條
8. 使用FormData上傳文件、圖片
9. angular2經過formdata圖片上傳
10. 圖片上傳 new FormData() ,new FileReader()
更多相關文章...
• Maven 快照(SNAPSHOT) - Maven教程
• Maven 快照(SNAPSHOT) - Maven教程
• Flink 數據傳輸及反壓詳解
• NewSQL-TiDB相關

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。