小夕酱的gravatar头像
小夕酱 2016-05-06 17:01:24

jquery $ajaxFileUpload方法异步上传图片为什么报错?

jquery $ajaxFileUpload方法异步上传图片为什么报错?

jquery $ajaxFileUpload方法异步上传图片为什么报错?

这样异步错误了,请问ajax怎么写异步

所有回答列表(4)
小夕酱的gravatar头像
小夕酱  LV13 2016年5月7日

这是表单

---------------------------------------

<form class="form-horizontal" role="form" id="newsContent_Form" enctype="multipart/form-data">

<div class="form-group">
                    <label for="newTitle" class="col-sm-2 control-label">标题图片</label>
                    <div class="col-sm-7">
                        <input type="file"  class="form-control" id="upfile" name="upfile" />
                        <img alt="" src="" id="uploadImg"  style="width:100px;heigth:100px"/>
                        <input type="hidden" id="newPicture" name="newPicture"  value=""/>
                        <input type="button"  value="上传图片" onclick="uploadFile();">
                    </div>
                </div>

</form>

-------------------------------------

我是这样写ajax的

***************************************************************************

function uploadFile(){
                var formData = new FormData($("#newsContent_Form")[0]);  
                 $.ajax({  
                      url: '${base}/news/fileUpload/fileUpload.do' ,  
                      type: 'POST',  
                      data: formData,  
                      dataType:"json",
                      timeout:60000,
                      async: false,  
                      cache: false,  
                      contentType: false,  
                      processData: false,  
                      success: function (msg) {  
                        var imgUrl = msg.url
                        if(msg.url !=""){
                            $("#uploadImg").attr("src","${base}"+msg.url);
                            $("#newPicture").val("${base}"+msg.url);
                          }else{
                              $("#uploadImg").attr("src","");
                          }
                      },  
                      error: function (msg) {  
                          console.log(msg);
                      }  
                 });  
            }

***********************************************************

评论(0) 最佳答案
凡高乐的gravatar头像
凡高乐  LV5 2016年5月10日

服务端返回必须是 text/html 格式的数据就可以

response.setContentType("text/html");
response.getWriter().print(JSONUtil.obj2json(g));

浏览器请求:

    $.ajaxFileUpload({
        url: '/pictures.do',
        secureuri: false,
        fileElementId: 'filepath',
        dataType: 'text/html',
        success: function(data, status) {
            var result = jQuery.parseJSON(data);

viki_1993的gravatar头像
viki_1993  LV3 2016年5月10日

十五字十五字十五字十五字十五字十五字十五字十五字十五字十五字十五字十五字

masque的gravatar头像
masque  LV16 2016年5月16日

我都是自己写的

iframe提交表单到后台上传文件

返回js调用父窗口方法就知道是否成功啦

顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友