效果图:

代码:

<form id="importFileForm" method="post" enctype="multipart/form-data" style="display:">
<table style="margin:5px;height:70px;">
<tr>
<td></td>
<td width="5px;"></td>
<td><input class="easyui-filebox" id="fileImport" data-options="buttonText:'选择',prompt:'请选择文件...'" name="fileImport" style="width:260px;">
</td>
<td><a id="uploadFile" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)">上传</a></td>
</tr>
<tr>
<td colspan="4">
<label id="uploadInfo" />
</td>
</tr>
</table>
</form>
<script>
//导入文件
$("#uploadFile").click(function () {
var formData = new FormData($("#importFileForm")[0]);
//调用apicontroller后台action方法,将form数据传递给后台处理。contentType必须设置为false,否则chrome和firefox不兼容
$.ajax({
url: "http://localhost:12745/api/easyuiUpload/PostExcelData",
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (returnInfo) {
//上传成功后将控件内容清空,并显示上传成功信息
document.getElementById('fileImport').value = null;
document.getElementById('uploadInfo').innerHTML = "<span style='color:Red'>" + returnInfo + "</span>";
},
error: function (returnInfo) {
//上传失败时显示上传失败信息
document.getElementById('uploadInfo').innerHTML = "<span style='color:Red'>" + returnInfo + "</span>";
}
}); })
</script> 后台:
public class easyuiUploadController : ApiController
{
/// <summary>
/// 将文件上传到指定路径中保存
/// </summary>
/// <returns>上传文件结果信息</returns>
[System.Web.Http.HttpPost] public string PostExcelData()
{
string info = string.Empty;
try
{
//获取客户端上传的文件集合
HttpFileCollection files = System.Web.HttpContext.Current.Request.Files;
//判断是否存在文件
if (files.Count > 0)
{
//获取文件集合中的第一个文件(每次只上传一个文件)
HttpPostedFile file = files[0];
//定义文件存放的目标路径
string targetDir = System.Web.HttpContext.Current.Server.MapPath("~/FileUpLoad/Product");
//创建目标路径
if (!Directory.Exists(targetDir))
{
Directory.CreateDirectory(targetDir);
}
//ZFiles.CreateDirectory(targetDir);
//组合成文件的完整路径
string path = System.IO.Path.Combine(targetDir, System.IO.Path.GetFileName(file.FileName));
//保存上传的文件到指定路径中
file.SaveAs(path);
info = "上传成功";
}
else
{
info = "上传失败";
}
}
catch
{
info = "上传失败";
}
return info;
}
}

  

最新文章

  1. Mysql 事件(定时任务)
  2. commons-fileupload实现文件上传下载
  3. Shell字符串截取
  4. 剑指offer-17题
  5. Linux TCP队列相关参数的总结 转
  6. CentOS 6.7安装配置Ansible
  7. JavaScript学习总结【4】、JS深入
  8. Noip2013调试技巧
  9. java编程接口(1) ------ Swing基金会
  10. oracle里的优化器
  11. java基础(十八)----- java动态代理原理源码解析
  12. altera rom ram IP的浅层理解
  13. 使用scp命令在多个Linux系统间进行文件复制
  14. 架构师如何借鉴他人经验快速成长? | 2018GIAC上海站日程上线!
  15. MySQL 过滤数据(WHERE子句)
  16. Sonya and Exhibition 1004B
  17. 微信破解,解密?How To Decrypt WeChat EnMicroMsg.db Database?
  18. 分分钟带你玩转 Web Services【1】JAX-WS
  19. LeetCode刷题记录(python3)
  20. ORBSlam with ROS

热门文章

  1. 基于Scrapy框架的Python新闻爬虫
  2. (一)Hibernate初探之——单表映射
  3. 常用/常见Java Web 服务器/应用服务器Logo图文介绍
  4. Python translate()方法
  5. IntelliJ IDEA 学习(一):IntelliJ IDEA15 破解方法(已验证)
  6. 使用while循环和伪列的存储过程
  7. Object-C中的字符串对象2-可变字符串
  8. spring boot test中mockito的运用
  9. 常用maven 仓库地址
  10. MySQL错误代码大全(史上最全)