文件上传插件 plupload ,上传一个,删除之前上传,才能继续上传

var uploader = new plupload.Uploader({

runtimes: ‘html5,flash,silverlight,html4‘,//用来指定上传方式,指定多个上传方式请使用逗号隔开。   browse_button: ‘browse‘,//触发文件选择对话框的按钮,为那个元素id   container: container, //用来指定Plupload所创建的html结构的父容器,默认为前面指定的browse_button的父元素。该参数的值可以是一个元素的id,也可以是DOM元素本身。   max_file_size: ‘10mb‘,//最大上传文件   url: url,//服务器端接收和处理上传文件的脚本地址,可以是相对路径(相对于当前调用Plupload的文档),也可以是绝对路径

flash_swf_url: ‘lib/plupload-2.1.2/js/Moxie.swf‘,   silverlight_xap_url: ‘lib/plupload-2.1.2/js/Moxie.xap‘,   filters: [{      title: "Image files",      extensions: "jpg,gif,png"   }],

init: {    //当Init事件发生后触发      PostInit: function() {

},
    //绑定各种事件,并在事件监听函数中做你想做的事
    FilesAdded: function(up, files) {

},
    //当队列中的某一个文件正要开始上传前触发      BeforeUpload: function(up, file) {

},    //会在文件上传过程中不断触发,可以用此事件来显示上传进度      UploadProgress: function(up, file) {

},    //当队列中的某一个文件上传完成后触发      FileUploaded: function(up, file, info) {

if (info.status == 200) {        //success

} else if (info.status == 203) {

console.log(info);         } else {

console.log(info);         }         //上传完成 删除图片      //下次点击才能上传         uploader.removeFile(file);      },    //当发生错误时触发      Error: function(up, err) {         if (err.code == -600) {

} else if (err.code == -601) {

} else if (err.code == -602) {

} else {

}      }   }});
uploader.start();//上传
时间: 2024-11-06 07:52:03

文件上传插件 plupload ,上传一个,删除之前上传,才能继续上传的相关文章

前端上传插件Plupload的实际使用(个人实操)

一个主要的页面,其中包裹了一个iframe页面,在项目中,这个iframe页面包裹在主页面的div标签中,主要用于上传文件附件. 用的是plupload.full插件,主要引入以下几个js: jquery-1.11.1.js: moxie.js: plupload.full.min.js: plupload.dev.js: css部分: jquery.plupload.queue.css: 以下是利用该插件实现的完整的前端代码: $(window).load(function () { var

plupload上传插件在SpringMVC中的整合

前言:最近在给学院的网站做一个添加附件的功能,首先到了某某邮箱看了一下,简单实用,但是是flash做的,无法拷贝,就只好上网找插件了.经过筛选,终于找到plupload这款插件(事实上有的编辑器自带添加附件功能).官网只有PHP版本,后来各种百度谷歌,找到的资料都用点小问题,拼搏一天终于实现了功能,下面就把遇到的问题和重点部分写出来,希望遇到同样问题的同学可以参考. 首先你需要下载plupload插件,下载地址:http://www.plupload.com/download/ JSP页面配置如

基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用

Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadify 好看一些,功能也强大些,本文主要基于我自己的框架代码案例,介绍其中文件上传插件File Input的使用.关于Uploadify的控件介绍,可以参考我之前的随笔介绍<基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用>. 1.文件上传插件File In

cjhupload一个简单异步文件上传插件(html5+js)

来源:http://www.myopenresources.com/page/resource_detail_0.html?rid=370 更多文章请查看本人博客网站:http://www.myopenresources.com cjhupload是一个本人基于原生JS编写的一个文件上传插件,支持手机.电脑端,你可查看例子,或下载详细例子(请到下面的"下载地址"下载). 例子: <!DOCTYPE HTML> <html lang='zh'> <head&

Plupload 上传插件 使用指南 (二)jquery

项目中用到改上传插件,因此抽了一晚上事件把列子和文档看了一下,翻译过来,如有错误的翻译请帮助我一起纠正谢谢. 介绍: Plupload是有TinyMCE的开发者开发的,为您的内容管理系统或是类似上传程序提供一个高度可用的上传插件.Plupload 目前分为一个核心API 和一个jQuery上传队列部件,这样使你可以直接使用或是自己定制. 特性: 注释:1.gears:http://zh.wikipedia.org/wiki/Gears 2.Silverlight:http://zh.wikipe

7 款基于 JavaScript/AJAX 的文件上传插件

本文整理了7款基于JavaScript和AJAX的文件上传插件,这些插件基本上都能实现以下功能: 多文件上传 拖拽操作 实时上传进度 自定义上传限制 希望能为你的开发工作带来帮助. 1.  jQuery File Upload 具有多文件上传.拖拽.进度条和图像预览功能的文件上传插件,支持跨域.分块.暂停恢复和客户端图像缩放.可与任何服务端平台(如PHP.Python.Ruby on Rails.Java.Node.js.Go等)一起使用,支持标准的HTML表单文件上传. 2.  Pixelco

7款js文件上传插件

1.  jQuery File Upload 具有多文件上传.拖拽.进度条和图像预览功能的文件上传插件,支持跨域.分块.暂停恢复和客户端图像缩放.可与任何服务端平台(如PHP.Python.Ruby on Rails.Java.Node.js.Go等)一起使用,支持标准的HTML表单文件上传. 2.  Pixelcone Fileuploader 使用HTML5 API的jQuery文件上传插件,支持AJAX上传和拖拽操作,以及针对老版本浏览器的iframe上传部件.有多种形式来实现多文件上传,

多文件上传artDialog+plupload

一.效果展示 包括文件上传面板以及文件上传列表 二.介绍 长话短说,采用spring springMVC mybatis maven mysql,实现多文件上传功能,下载使用的是流的形式. 其中涉及的分页我会另开一片博客介绍. 三.准备材料 plupload artDialog 还有一份初始化插件的js文件 这些可以直接从我的分享连接里面下载 链接:http://pan.baidu.com/s/1c27cTAK 密码:btqj 还有jquery 这个自行下载 四.前台代码 引入样式以及js文件

web 文件上传组件 Plupload

Plupload官网:点击打开链接   建议下载最新版本,低版本会出现浏览器兼容问题. 最近公司有个项目需要在web端使用多文件上传功能,刚开始准备使用HTML5来做,但是IE9以下是都不支持的,于是想到了flash,在网上搜了下各种开源的组件,最后决定使用Plupload,下面来介绍一下该组件使用时遇到的一些问题以及解决方案. 先贴出配置参数: <script type="text/javascript"> // Initialize the widget when th