欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

ajaxfileupload上传时出现的问题详解

程序员文章站 2022-03-28 08:27:51
...
1.ajaxfileupload 上传时会出现如下问题:

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上传时出现的问题详解的详细内容,更多请关注其它相关文章!