H5 ajax递交带有file的form表单

前端之家收集整理的这篇文章主要介绍了H5 ajax递交带有file的form表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

HTML+js:

$(".class").change(function () {
        var id = $(this).attr("id");
        console.debug("id:" + id);
        var formData = new FormData();
        var name = $(this).val();
        formData.append("img",$(this)[0].files[0]);
        formData.append("id",id);
        $.ajax({
            url: "xxx/pic",type: 'POST',data: formData,// 告诉jQuery不要去处理发送的数据
            processData: false,// 告诉jQuery不要去设置Content-Type请求头
            contentType: false,beforeSend: function () {
                console.log("正在进行,请稍候");
            },success: function (responseStr) {
            },error: function (responseStr) {
                console.log("error");
            }
        });
    });

 <tr>
                              
                                <td>
                              <span class="putfile">
                                  <@shiro.hasPermission name="xxx" >
                                      <form action="xxxx/pic" enctype="multipart/form-data">
                                          <input name="${ap_index}" type="file" id="${ap.id}"
                                                 class="class"
                                                 style="height: 22px;width: 30px;">
                                      </form>
                                      <@netCommon.pageBtn url="null" type="info" title="上传图片" icon="photo"  />
                                  </@shiro.hasPermission>
                              </span>
                                </td>
                            </tr>

猜你在找的Ajax相关文章