【项目相关】MVC中将WebUploader进行封装

　　昨天初步将webuploader用在了项目中，但紧接着就发现了一个问题，每一个页面都需要写那么多初始化webUploader的代码，这样肯定是我不能接受的，于是花了半天时间对该控件进行了封装。

　　最后，只需要引用这一个js文件即可。

<script src="~/webuploader/WebUploader_MVC.js"></script>

　　然后在视图里面加上这几句，其中input是用来在编辑视图中使用，其中PhotoUrls是视图实体属性，用来保存修改后所有图片的urls。

      <div id="uploader" style="margin-left: 10px"><div id="fileList"></div><input type="hidden" id="PhotoUrls" name="PhotoUrls" value="" /></div>

　　再在js里面初始化即可：

　　　　$("#uploader").CreateWebUpload({auto: true,//即时自动上传fileNumLimit: 5,//限制上传图片数量server: '/Helper/UpLoadProcess'//处理上传的服务端});

　　服务端的代码和之前的一样，没有什么改变。

var photoUrls = $("#uploader").GetFilesAddress();//该方法用来获取所有上传的图片URLS，不管是新增视图界面还是编辑视图界面。

转载于:https://www.cnblogs.com/cemaster/p/5610860.html

【项目相关】MVC中将WebUploader进行封装相关推荐

乐优商城练手项目相关技术总结
FastDFS(分布式文件系统) 为什么要使用FastDFS? 如果说文件上传的服务将资源都存放到本地的话,最终都会受限于磁盘大小.那么当然可以在本地配置多台文件服务器来存放文件,这个时候需要用Ngi ...
动态链接库、静态库区别与VS2005项目相关设置
出处:http://blog.csdn.net/Ocean2006/archive/2010/02/05/5289908.aspx 一.动态链接库.静态库区别二.VS2005项目相关设置三.#pr ...
【SSH进阶之路】一步步重构MVC实现Struts框架——封装业务逻辑和跳转路径（四）...
目录: [SSH进阶之路]Struts基本原理 + 实现简单登录(二) [SSH进阶之路]一步步重构MVC实现Struts框架--从一个简单MVC开始(三) [SSH进阶之路]一步步重构MVC实现St ...
BBS论坛项目相关-5：评论模块
BBS论坛项目相关-5:评论模块事务管理事务管理:ACID 常见并发异常: 第一类丢失更新,第二类丢失更新脏读.不可重复读.幻读第一类丢失更新:某个事务的回滚,导致另一个事务已更新数据丢失了. ...
IDEA中将代码块封装为方法,IDEA代码重构快捷键
IDEA中将代码块封装为方法选中要转换的代码块,快捷键: Windows快捷键:Alt + Shift + M Mac快捷键:Alt + Command + M 如图:
vuecli 编译后部署_基于vue-cli 打包时抽离项目相关配置文件详解
前言:当使用vue-cli进行开发时时常需要动态配置一些设置,比如接口的请求地址(axios.defaults.baseURL),这些设置可能需要在项目编译后再进行设置的,所以在vue-cli里我们需 ...
PMP-【第13章项目相关方管理】-2021-2-17（272页-291页）
1.项目相关方的基本概念 2.项目相关方管理的注意点 3.主要项目相关方 4.相关方凸显模型 5.疑难问题
【项目管理】认识项目相关方（干系人）管理
在项目管理中,相关方的管理的重要性尤为重要.合格的项目经理往往能够很好把握管理项目相关方的项目诉求期望(范围,进度,质量,风险,沟通等),做到项目利益最大化,通过一系列的工具和方法,高效捕获相关方的需 ...
IntelliJ IDEA 项目相关的几个重要概念介绍
IntelliJ IDEA 项目相关的几个重要概念介绍发布于 2015-09-23 23:02:48 | 11 次阅读 | 评论: 0 | 来源: 网络整理本篇内容为大家提供的是IntelliJ ...

【项目相关】MVC中将WebUploader进行封装

【项目相关】MVC中将WebUploader进行封装相关推荐

最新文章

热门文章