首页 > 技术文章 > FormData上传文件(不是所有的浏览器都支持)

wangyue0925 2018-06-19 15:14 原文

<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,
        })
    }

 

推荐阅读