利用jQuery-file-upload在MVC中实现上传文件(未完成)
来源:互联网 发布:bestv百视通第三方软件 编辑:程序博客网 时间:2024/03/29 23:59
目的
利用jQuery-file-upload插件实现文件上传,并且文件上传后可列出文件的地址,可删除
前期准备
jQuery-file-upload
可在nuget中下载安装最新版本
前端
页面端如果只要实现基本功能,创建一个Form,在此处利用的Html.BeginForm(),并没有使用Ajax.BeginForm(),因为jQuery-file-upload在内部是自动实现ajax方法。
将该Form的id设为"fileuploadtemplate",作为选择器供JS使用。
@using (Html.BeginForm("_UploadFileTemplate", "Home",FormMethod.Post, new { enctype = "multipart/form-data", id = "fileuploadtemplate" })){@Html.AntiForgeryToken()<span class="btn btn-success fileinput-button"> <i class="glyphicon glyphicon-plus"></i> <span>添加附件</span> <input type="file" id="inputfileupload" name="uploadfiles" multiple> </span>}JS文件
如果仅实现简单的文件上传功能,直接调用即可,为提高界面美观,以及控制dropzone,可以通过设置Option参数。$("#fileuploadtemplate").fileupload({ dataType: 'json'});后端
public JsonResult _UploadFileTemplate(IEnumerable<HttpPostedFileBase> uploadfiles) { var jsonResult = new List<UploadFileResult>(); foreach (var file in uploadfiles) { var resultTemp = new UploadFileResult(); if (file == null) { resultTemp.error = "file is null"; } else { var webPath = GetSavedFilePath(file); resultTemp.url = webPath.Replace("\\", "/"); resultTemp.name = file.FileName; resultTemp.size = file.ContentLength; resultTemp.thumbnailUrl = webPath.Replace("\\", "/"); resultTemp.deleteUrl = webPath.Replace("\\", "/"); resultTemp.deleteType = "DELETE"; } jsonResult.Add(resultTemp); } return Json(jsonResult); }完整代码
0 0
- 利用jQuery-file-upload在MVC中实现上传文件(未完成)
- 在ASP.NET中实现多文件上传(三)---jQuery Multiple File Upload Plugin
- jQuery file upload实现异步文件上传(带进度条)
- 【文件上传->jQuery-File-Upload】jQuery-File-Upload图片上传组件简要使用指南(挥泪共享)
- Spring MVC 文件上传 file upload
- JQuery Upload File 上传文件提示 Empty file upload result
- 在Spring mvc中配置upload,实现文件上传功能的两种方式
- jQuery file upload实现异步文件上传(带进度条)转载
- jquery-file-upload 文件上传,带进度条
- jQuery-File-Upload 文件上传插件
- 【Spring】Spring MVC文件上传--整合bootstrap-fileinput和jQuery-File-Upload
- 用jQuery-File-Upload上传Excel文件(ASP.NET MVC)[附源码下载]
- JQuery Upload File插件上传文件提示 Empty file upload result
- 定制jQuery File Upload为微博式单文件上传
- 定制jQuery File Upload为微博式单文件上传
- .net文件上传,客户端用jquery file upload
- easyUi + jquery + common-file-upload +struts2完成文件进度条上传
- 文件上传插件jQuery-File-Upload结合CI框架案例
- nyoj 623 A*B Problem II
- osg中的工厂模式(c++)
- 接口测试初识
- OkHttp
- Matlab代码实现SOM(自组织映射)算法
- 利用jQuery-file-upload在MVC中实现上传文件(未完成)
- 【Tiny4412】 Tiny4412开发环境搭建
- Android关于分包方案、插件化动态加载APK或DEX 以及热补丁资料总结
- Linux 目录体系
- MySQL show的实际操作用法
- jQuery 面试问题和答案
- C#:超基础 抽象类
- C#——类 : 可见性
- Android与H5数据交互
原创粉丝点击
热门IT博客
热门问题
老师的惩罚
人脸识别
我在镇武司摸鱼那些年
重生之率土为王
我在大康的咸鱼生活
盘龙之生命进化
天生仙种
凡人之先天五行
春回大明朝
姑娘不必设防,我是瞎子
月子米酒
米酒怎么煮
米酒多少度
米酒汤
怎样做米酒
米酒下奶吗
米酒的吃法
米酒怎么喝
怎么做米酒
如何酿米酒
米酒机怎么做米酒
如何做米酒
怎么酿米酒
制作米酒
米酒机
怎样酿米酒
米酒热量
米酒代理
米酒批发
米酒咋做
米酒价格
米酒的图片
米酒的作用
米酒发酵罐
米酒厂
米酒品牌
米酒专卖
米酒公司
米酒厂设备
米酒包装
神霖米酒
月子 米酒
买米酒
家酿米酒
米酒 月子
米酒培训
米酒饮料
米酒曲
米酒过敏
米酒酿造
米酒价钱