首页 >web前端 >js教程 >ajaxfileupload上传时出现的问题详解

ajaxfileupload上传时出现的问题详解

零下一度
零下一度原创
2017-07-20 14:28:131573浏览

1.ajaxfileupload 上传时会出现如下问题:

2. 网上有很多的解决办法,在这里,我又发现了一种,可能你的错误会是这个原因引起的

------原因是 : 你在一般处理程序中没有返回前台需要的数据格式字符串

3.下面给出一个例子:

  前台: 
  <style type="text/css">         
  .fileLink{position: relative;display: inline-block;background: #fff;
  border: 1px solid #0980D0;border-radius: 4px;
  padding: 2px 8px;margin-left:10px;margin-top:10px;overflow: hidden;color: #1E88C7;text-decoration: none;text-indent: 0;line-height: 20px;} 4         
  .fileLink input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;} 5         .fileLink:hover {background: #AADFFD;border-color: #78C3F3;
  cursor:pointer;color: #004974;text-decoration: none;} 6     
  </style> 7 
  <span class="fL fileLink" style="padding-left: 10px;">选择文件<input type="file" id="uploadify" name="uploadify" value="上传数据" /></span> 8 <script src="../../Plugins/jquery/jquery-1.7.2.min.js?1.1.11" type="text/javascript"></script> 9 <script src="../../Plugins/ajaxfileupload.js?1.1.11" type="text/javascript"></script>10 11 
  <script>12        
  $("#uploadify").on("change", function () 
  {13             
  //var file = $("#uploadify")[0].files[0];14             
  $.ajaxFileUpload({15                 
  url: './ImportDynamic.ashx',16                 
  fileElementId: 'uploadify',17                 
  dataType: 'text',18                 
  success: function (data, status) {19                     
  alert(1);20                 },21                 
  error: function () { }22             });23         }); 
  </script>25  26 一般处理程序:27             
  context.Response.ContentType = "text/plain";28             
  var filePath = "uploadfile/xxx.xls";29             
  filePath = context.Server.MapPath(filePath);30             
  Import.GetCommonReportFile(filePath);31             
  //context.Response.Write("返回文本数据,否则前台就会报如上错误");

以上是ajaxfileupload上传时出现的问题详解的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn