ajax 提交 form 表单实现上传图片

JSP 端:

<img id="uploadImg" src="" οnclick="document.getElementById('files').click()"/>

<form id="form" enctype="multipart/form-data" target="exec_target" method="post" >
      <input id="files" name="files" type="file">
</form>

JS端:

var formData = new FormData(document.getElementById("form"));

$.ajax({
        url: '请求地址',
        type:"post",
        data:formData,
        processData:false,
        contentType:false,

        dataType : 'json',
        success: function(reponse) {
            alert("图片上传成功!");
        },
        error: function(e) {
            alert("ERROR >>> " + e);
        }    
    })

转载于:https://my.oschina.net/u/2452573/blog/682905

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值