前端

1.要引用的js

fileinput.js      fileinput.css

<link type="text/css" rel="stylesheet" href="~/HContent/css/fileinput.css" />  //-----------样式
<script src="~/HContent/js/fileinput.js"></script>                 //基本的js
<script src="~/HContent/js/locales/zh.js"></script>                 //中文js

2.html代码

<div class="col-sm-10">
<div class="file-loading">
<input id="uploadFile" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="2">
</div>
</div>

3.js代码

        $('#uploadFile').fileinput({
language: 'zh',        //使用中文
theme: 'fa',          
showUpload: false,      //upload按钮不显示
uploadUrl: '@Url.Action("ImageRecive", "BeadHouse")', //服务器url调用路径
allowedFileExtensions: ['jpg', 'png', 'gif'],    //允许的文件格式
overwriteInitial: false,
maxFileSize: 1000,                    //文件最大尺寸
maxFilesNum: 3,                      //文件最大数量
slugCallback: function (filename) {
return filename.replace('(', '_').replace(']', '_');
},
});

js的消息响应处理

$("#uploadFile").on("fileuploaded", function (event, data, previewId, index) {
var d = data.response;//接收后台返回的数据
if (d.Code == 1) {
var bToObj = JSON.parse(d.Record); if (bToObj[0] != null) { var test = window.location.origin + window.location.pathname;
var imgid = bToObj[0]; }
}
else {
$.alert(d.Message);
}
});

4.C#后台处理

      //图片接收后保存
     public ActionResult ImageRecive()
{
string[] extName = { ".jpg", ".gif", ".jpeg", ".png", ".pdf" };
var _directory = HttpContext.Server.MapPath("~/BHImage");
List<string> filenames = new List<string>();
HttpFileCollection upload = System.Web.HttpContext.Current.Request.Files;
for (int i = ; i < upload.Count; i++)
{
if (upload.Count > )
{
return AjaxFail("限制上传文件数量");
}
HttpPostedFileBase file = Request.Files[i];
string ext = Path.GetExtension(file.FileName).ToLower();
if (!extName.Contains(ext))
{
return AjaxFail("请上传jpg、gif、jpeg、png、pdf格式文件");
}; if (file.InputStream.Length > )
{
return AjaxFail("上传的文件不要超过1M");
}
var namefix = System.Guid.NewGuid().ToString() + "_" + System.DateTime.Now.ToString("HHmmss") + Path.GetExtension(file.FileName);
string file_name = "/" + namefix;
filenames.Add(namefix);
file.SaveAs(_directory + file_name);
}
return AjaxSuccess(filenames.Count.ToString(), filenames);
}

 5.C#几个基础函数

        /// <summary>
/// ajax访问,操作成功时返回json
/// </summary>
/// <param name="message">消息</param>
/// <param name="data">数据</param>
/// <returns></returns>
protected JsonResult AjaxSuccess(string message, object data)
{
if (data is Object)
{
return Cgl_Json(, message, data, true);
}
else
{
return Cgl_Json(, message, data, false);
}
}
/// <summary>
/// ajax访问时,返回json
/// </summary>
/// <param name="code">代码 -1 :未登录,1:成功,0:失败</param>
/// <param name="message">消息</param>
/// <param name="data">数据</param>
/// <param name="isSerialize">是否序列化</param>
/// <returns></returns>
protected JsonResult Cgl_Json(int code, string message, object data, bool isSerialize)
{
var jj = new AjaxResult() { Code = code, Message = message, Record = data }; if (isSerialize)
{
jj.Record = JsonConvert.SerializeObject(jj.Record, Formatting.Indented, new IsoDateTimeConverter() { DateTimeFormat = "yyyy-MM-dd" });
} return new JsonResult() { JsonRequestBehavior = JsonRequestBehavior.AllowGet, Data = jj };
}

最新文章

  1. SQL server 数据库备份还原Sql
  2. shiro 标签
  3. React笔记_(1)_react概述
  4. Dynamic Programming - Part2
  5. Linux下安装MATLAB的一些注意事项
  6. poj 2992 Divisors 整数分解
  7. Win7 IIS建站
  8. nohup介绍
  9. python多进程multiprocessing模块中Queue的妙用
  10. mysql语句-DDL语句
  11. 洛谷 P1064 金明的预算方案(01背包问题)
  12. HDU-2087-剪花布条 【KMP】(求模式串的匹配个数——与已匹配的字串不交)
  13. Oracle中sysdba身份和dba角色区别
  14. ios开发之--打印bool值
  15. AJPFX的资金安全性
  16. 在centos中安装mangodb
  17. docker使用问题总结
  18. Go语言学习笔记 package
  19. HTML中的【块】与【内嵌】
  20. luoguP1991无线通讯网

热门文章

  1. spring cloud微服务快速教程之(八) Spring Cloud Alibaba--nacos(二)、配置中心
  2. python变量加逗号,的含义
  3. position定位及实际应用
  4. Vmvare扩展虚拟机磁盘大小
  5. Qt文件发布
  6. oracle DB 使用注意点小结
  7. MyBatis mapper文件中使用常量
  8. Linux网络课程学习第六天
  9. H5-当你想在出现遮罩的时候,锁住用户的滚动行为,你可以这么做。
  10. 1.Docker Compose