uploadify | 易学教程

uploadify+C#实例

阅读更多关于 uploadify+C#实例

首先去uploadify官网下载最新的uploadify flash文件包, html5是需要收费的下载后官网提供了相应的app供参考的我下载的文件如下：放到我们系统的时候有几个地方要改下： 1:首先是uploadify.css 由于他取消的按钮样式的背景默认是../img/... 所以我们要改成可以根据你的需求改 .uploadify-queue-item .cancel a { background: url('/uploadify/uploadify-cancel.png') 0 0 no-repeat; ..... } 2:在页面一般引用的是压缩js 我用的是jquery.uploadify.min.js 但是里面有一些提示是英文，那么找到里面的一些提示信息,改成相应的中文就行我的已经改了下载地址在最下面的 3:然后是页面的代码如下 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

jQuery上传插件uploadify

阅读更多关于 jQuery上传插件uploadify

http://files.cnblogs.com/jianjialin/uploadify示例.rar 引用了插件文件后，在页面中做如下调用：　　//声明一个普通的html文件上传控件，并指定id 　　<input type="file" name="fileInput" id="fileInput" /> 　　//将声明的普通上传控件与Uploadify插件绑定　　<script type="text/javascript"> 　　$(document).ready(function() { 　　$('#fileInput').fileUpload ({ 　　//以下参数均是可选　　'uploader' : 'uploader.swf', //指定上传控件的主体文件，默认‘uploader.swf’ 　　'script' : 'upload.php', //指定服务器端上传处理文件，默认‘upload.php’ 　　'cancelImg' : 'cancel.png', //指定取消上传的图片，默认‘cancel.png’ 　　'auto' : true, //选定文件后是否自动上传，默认false 　　'folder' : '/uploads' //要上传到的服务器路径，默认‘/’ 　　'muti' : true, //是否允许同时上传多文件，默认false 　　

uploadify，实际开发案例【选择完文件点击上传才上传】

阅读更多关于 uploadify，实际开发案例【选择完文件点击上传才上传】

批量上传插件(flash,html5,jquery)

阅读更多关于批量上传插件(flash,html5,jquery)

1、jQuery File Upload 官网：http://blueimp.github.com/jQuery-File-Upload/ 在线示例：http://blueimp.github.com/jQuery-File-Upload/ 下载地址：https://github.com/blueimp/jQuery-File-Upload 各语言的使用范例（php,Asp.net,Java,等）https://github.com/blueimp/jQuery-File-Upload/wiki 2、Uploadify http://www.uploadify-cn.info/（html5和flash双版本）官网：http://www.uploadify.com/ 在线示例：http://www.uploadify.com/demos/ 下载地址：http://www.uploadify.com/download/ 文档配置地址：http://www.uploadify.com/documentation/ 3、Plupload 官网：http://www.plupload.com/ 在线示例：http://www.plupload.com/example_queuewidget.php 下地地址：http://www.plupload.com/download.php

Struts2+Uploadify实现文件上传

阅读更多关于 Struts2+Uploadify实现文件上传

Uploadify 是一款很不错的多文件上传jQuery插件,可以为你的网站添加多文件上传功能。其主要特色是： 1、允许用户一次性选择多个需要上传的文件而无需多次打开文件选择窗口。 2、支持拖拽上传，Uploadify提供了一个基于Html5的jquery插件UploadiFive，用户可以通过拖动文件到相应的位置，从而将文件加入到上传队列中。 3、实时显示上传进度。 4、自定义上传文件类型 5、强大的自定义功能，用户可以通过修改配置，调整文件上传的各种属性 ======================================================== 下面是我的实现： 1、前台jsp页面（需要导入相应的jquery和uploadify的js文件） <body> <input id="uploadify" name="uploadFiles" /> <div id="uploadifyQueue"></div> </body> <script type="text/javascript"> $(function(){ initUploadify(); }); function initUploadify(){ $('#uploadify').uploadify({ "buttonText":"选择文件", "debug":false, "method":

外网大文件传输断点续传源码

阅读更多关于外网大文件传输断点续传源码

需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。第一步：前端修改由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分，这部分代码封装在bjui-all.js文件中，在bjui-all.js文件中的全局变量定义中有以下部分代码，这就是定义的有关于上传的Uploadify控件的重要变量： upload:{uploadLimit:5,fileSizeLimit:31744,removeTimeout:0.8} 以上三个变量代表的含义是： uploadLimit ：表示上传文件个数的限制，5表示文件上传个数限制是5个 fileSizeLimit ：表示上传文件大小的限制，31744单位是KB，也就是表示31M removeTimeout ：表示移除文件的时间限制继续查找使用到这些变量的地方，看到了文件大小超出限制等了解了BJUI前端框架对于上传大文件的限制，可以这样使用，增大文件上传大小和数量，可以按照如下进行修改，我们在bjui-all

JQuery上传插件Uploadify使用详解及错误处理

阅读更多关于 JQuery上传插件Uploadify使用详解及错误处理

上面的代码就简单实现了上传的功能，依靠函数uploadify实现，uploadify函数的参数为json格式，可以对json对象的key值的修改来进行自定义的设置，如multi设置为true或false来控制是否可以进行多文件上传，下面就来介绍下这些key值的意思： uploader ： uploadify.swf 文件的相对路径，该swf文件是一个带有文字BROWSE的按钮，点击后淡出打开文件对话框，默认值：uploadify.swf。 script ：后台处理程序的相对路径。默认值：uploadify.php checkScript ：用来判断上传选择的文件在服务器是否存在的后台处理程序的相对路径 fileDataName ：设置一个名字，在服务器处理程序中根据该名字来取上传文件的数据。默认为Filedata method ：提交方式Post 或Get 默认为Post scriptAccess ：flash脚本文件的访问模式，如果在本地测试设置为always，默认值：sameDomain folder ：上传文件存放的目录。 queueID ：文件队列的ID，该ID与存放文件队列的div的ID一致。 queueSizeLimit ：当允许多文件生成时，设置选择文件的个数，默认值：999 。 multi ：设置为true时可以上传多个文件。 auto ：

求超大文件上传方案( B/S )

阅读更多关于求超大文件上传方案( B/S )

需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。第一步：前端修改由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分，这部分代码封装在bjui-all.js文件中，在bjui-all.js文件中的全局变量定义中有以下部分代码，这就是定义的有关于上传的Uploadify控件的重要变量： //文件上传对象 function FileUploader(fileLoc, mgr) { var _this = this; this.id = fileLoc.id; this.ui = { msg: null, process: null, percent: null, btn: { del: null, cancel: null,post:null,stop:null }, div: null}; this.isFolder = false; //不是文件夹 this.app = mgr.app; this.Manager = mgr; //上传管理器指针 this.event = mgr.event; this

内网文件分片上传,断点续传

阅读更多关于内网文件分片上传,断点续传

之前仿造 uploadify 写了一个HTML5版的文件上传插件，没看过的朋友可以点此先看一下~得到了不少朋友的好评，我自己也用在了项目中，不论是用户头像上传，还是各种媒体文件的上传，以及各种个性的业务需求，都能得到满足。小小开心了一把。但无论插件再怎么灵活，也难以应付所有的需求，比如，你要上传一个2G的文件。以现在我们的网速，恐怕再快也得传半小时。要命的是，如果你在上传到90%的时候不小心关掉了浏览器，或者是手一抖摁了F5，完了，一切还得从头再来。这种用户体验简直太糟糕了。所以，断点续传就十分有必要了。什么是续传我就不解释了，用QQ传文件这么多年，大家都见过了。这里要说的是断点续传都有哪些技术要点。使用传统的表单提交文件或是HTML5的FormData都是将文件“整块”提交，服务端取到该文件后再进行转移、重命名等操作，因此，无法实时保存文件的已上传部分。而且在http协议下，我们无法保持浏览器与服务端的长连接，不能以文件流的形式来提交。所以要解决的问题具体来讲有以下几点：对上传的文件进行分割，每次只上传一小片。服务端接收到文件后追加到原来部分，最后合并成完整的文件。每次上传文件片前先获取已上传的文件大小，确定本次应切割的位置每次上传完成后更新已上传文件大小的记录标识客户端和服务端的文件，保证不会把A文件的内容追加到B文件上在参考了张鑫旭大哥的这篇文章后

内网大文件分片上传处理

阅读更多关于内网大文件分片上传处理

订阅 uploadify