FormData上傳文件(不是所有的瀏覽器都支持)


<h1>Ajax上傳文件</h1>
<div>
    <input type="file" id="img"/>
    <a class="btn" onclick="AjaxSubmit6();">上傳文件1</a>
</div>

 

function AjaxSubmit6() {//上傳文件
        //第一種方式:jquery FormData 文件上傳(不是所有的瀏覽器都可以)
        var data = new FormData();//formdata 可以封裝數據
        data.append('k1', 'v1');
        data.append('k2', 'v2');
        //取上傳的內容兩種方式
        //1)
{#        console.log(document.getElementById('img').files[0]);#}
{#        //2)#}
{#        console.log($('#img').val())#}
        data.append('k3', document.getElementById('img').files[0]);
        $.ajax({
            url:'/app04/ajax1/',
            type:'POST',
            data: data,
            success:function (arg) {
            console.log(arg)
        },
            processData:false,
            contentType:false,
        })
    }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM