没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端Webpack【ASP.NET编程知识】基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用.docx

【ASP.NET编程知识】基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用.docx

asp.net

编程语言

easyui

0 下载量 173 浏览量 2023-05-21 19:48:31 上传评论收藏 410KB DOCX 举报

温馨提示

试读

15页

【ASP.NET编程知识】基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用.docx

资源推荐

资源详情

资源评论

全文可编辑 word 文档页眉与背景水印可删除

基于 MVC4+EasyUI 的 Web 开发框架之附件上

传组件 uploadify 的使用

　　1、上传组件 uploadify 的说明及脚本引用

　　Uploadify 是 JQuery 一个著名的上传插件，利用

Flash 技术，Uploadify 越过浏览器的限制，控制了整个上

传的处理过程，实现了客户端无刷新的文件上传，这样就实

现了在客户端的上传进度控制，所以，你首先要确定浏览器

中已经安装了 Adobe 的 Flash 插件。

　　Uploadify 当前有两个版本，基于 Flash 是免费的，还

有基于 HTML5 的收费版，我们使用免费版，当前版本为

v3.2.1。

　　这个组件需要 Jquery 库的支持，一般情况下，需要添

加 Jquery 的 js 库，如下所示

　　 <script type="text/javascript"

src="~/Scripts/jquery-2.0.3.min.js"></script>

　　不过由于我的 Web 开发框架是基于 EasyUI 的，一般在

网页的开始就会引用相关的类库，已经包含了 Jquery 的类

库了，如下所示。

　　@*添加 Jquery，EasyUI 和 easyUI 的语言包的 JS 文件*@

全文可编辑 word 文档页眉与背景水印可删除

　　 <script type="text/javascript"

src="~/Content/JqueryEasyUI/jquery.min.js"></script

　　 <script type="text/javascript"

src="~/Content/JqueryEasyUI/jquery.easyui.min.js"><

/script>

　　 <script type="text/javascript"

src="~/Content/JqueryEasyUI/locale/easyui-lang-zh_C

N.js"></script>

　　所以我们只需要添加 Javascript 类库

（ jquery.uploadify.js ），另外加上他的样式文件

（uploadify.css）即可：

　　@*添加对 uploadify 控件的支持*@

　　 @*<script type="text/javascript"

src="~/Scripts/jquery-2.0.3.min.js"></script>*@

　　 <script type="text/javascript"

src="~/Content/JQueryTools/uploadify/jquery.uploadi

fy.js"></script>

　　 <link

href="~/Content/JQueryTools/uploadify/uploadify.css

" rel="external nofollow" rel="stylesheet"

type="text/css" />

全文可编辑 word 文档页眉与背景水印可删除

　　2、上传组件 uploadify 在 Web 界面的使用

　　首先我们需要在 HTML 代码中放置两个控件，一个是用

来上传的控件，一个是用来显示已上传列表的控件，还有就

是添加上传和取消上传的按钮操作，如下所示。

　　<tr>

　　 <th>

　　 <label

for="Attachment_GUID">附件上传：</label>

　　 </th>

　　 <td>

　　 <div>

　　 <input

class="easyui-validatebox" type="hidden"

id="Attachment_GUID" name="Attachment_GUID" />

　　 <input

id="file_upload" name="file_upload" type="file"

multiple="multiple">

href="javascript:void(0)" rel="external nofollow"

rel="external nofollow" class="easyui-linkbutton"

id="btnUpload"

剩余14页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

mmoo_python

粉丝: 0
资源: 1万+

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

【ASP.NET编程知识】基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用.docx

基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用

【ASP.NET编程知识】ASP.NET MVC4 利用uploadify.js多文件上传.docx

【ASP.NET编程知识】基于ASP.NET+EasyUI框架实现图片上传提交表单功能(js提交图片).docx

ASP.NET WebAPI+mvc4.0+EasyUI快速开发框架+通用权限管理系统源码

ASP.NET MVC5+EasyUI企业开发框架源码

007-ASP.NET MVC5+EasyUI企业开发框架源码.7z

ymnets后台管理系统(ASP.NET MVC5+EF6+easyui)

基于 ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout 的架构设计开发

asp.net+Web+mvc4.0 EasyUI 最新 权限管理系统源码教程

ASP.NET MVC5+EasyUI企业开发框架源码-

ASP.NET MVC5+EF6+EasyUI 1.4.3+Unity4.x注入的后台管理系统

ASP.NET+MVC5+EF6+EasyUI源码（完整版）

一套通用的Easyui+asp.net mvc开发框架源码

【ASP.NET编程知识】基于ASP.NET+easyUI框架实现图片上传功能（判断格式+即时浏览 ）.docx

ASP.NET WebAPI+mvc4.0+EasyUI快速开发框架+通用权限管理系统源码+说明教程文档资料.zip

ASP.NET MVC5+EF6+EasyUI

基于ASP.NET MVC4+JQuery easyui的企业管理系统开发案例源码

Axure元件库（内含pc端，ios，安卓，微信小程序）

Wireshark使用教程用户手册 超清晰完整版pdf

分享100个数据可视化大屏模板及通用组件库，资源免费下载（Axure高保真原型元件，可一键导入编辑修改）

最新版本unity解包/反编译工具 - DevXUnityUnpackerTools 2.7.5

wpf大屏看板全部源码

旅游网站前端页面（css，html）

HTML网页设计，网页制作大作业

git安装包（window64版本）

火狐浏览器 插件 HackBar2.1.3 免费版

downkyi-1.5.9

vue+element-ui通用后台管理系统（适合新手）

最新资源

asp.net+Web+mvc4.0 EasyUI 最新权限管理系统源码教程

【ASP.NET编程知识】基于ASP.NET+easyUI框架实现图片上传功能（判断格式+即时浏览）.docx

Wireshark使用教程用户手册超清晰完整版pdf

火狐浏览器插件 HackBar2.1.3 免费版