当前位置:首页 » 文件管理 » 上传文件插件

上传文件插件

发布时间: 2022-01-09 18:46:19

Ⅰ 有没有让chrome支持上传文件的插件

复制代码 代码如下: (function() { if (window.FileUpload) { return; } window.FileUpload = function (id, url) { this.id = id; this.autoUpload = true; this.url = url; this.maxSize = null; this.extensions = null; this.dropId = null; }; window.FileUpload.prototype.init = function() { var obj = this; $('#' + this.id).change(function () { if (obj.autoUpload) { obj.upload(); } }); if (this.supportsFormData()) { if (this.dropId != null) { var drop = $('#' + this.dropId)[0]; drop.addEventListener("dragover", function(e) { e.stopPropagation(); e.preventDefault(); $('#' + obj.dropId).addClass("dragover"); }, false); drop.addEventListener("dragout", function(e) { $('#' + obj.dropId).removeClass("dragover"); }, false); drop.addEventListener("drop", function(e) { e.stopPropagation(); e.preventDefault(); $('#' + obj.dropId).removeClass("dragover"); obj._uploadUsingFormData(e.dataTransfer.files[0]); }, false); } } else { if (this.dropId != null) { $('#' + this.dropId).hide(); } } }; FileUpload.prototype.supportsFormData = function() { return window.FormData != undefined; }; FileUpload.prototype.upload = function() { if (this.supportsFormData()) { this._uploadUsingFormData($("#" + this.id)[0].files[0]); } else { this._uploadUsingFrame(); } }; FileUpload.prototype._uploadUsingFrame = function() { var obj = this; var $frame = $('#uploadFrame'); if ($frame.length == 0) { $frame = $('<iframe id="uploadFrame" width="0" height="0" name="uploadFrame" src=""></iframe>'); $frame.appendTo("body"); $frame.load(function() { var response = $frame.contents().text(); try { var json = $.parseJSON(response); $(obj).trigger("onLoad", json); } catch(ex) { $(obj).trigger("onError", response); } }); } var form = $("#" + this.id).closest("form")[0]; form.target = 'uploadFrame'; form.submit(); }; FileUpload.prototype._uploadUsingFormData = function (file) { var obj = this; var xhr = new XMLHttpRequest(); xhr.addEventListener("load", function (e) { var json = $.parseJSON(xhr.response); $(obj).trigger("onLoad", json); }, false); xhr.addEventListener("error", function (e) { $(obj).trigger("onError", e); }, false); xhr.upload.addEventListener("progress", function (e) { if (e.lengthComputable) { $(obj).trigger("onProgress", e.loaded, e.total); } }, false); xhr.open("POST", obj.url); if (obj.maxSize != null&&file.size>obj.maxSize) { $(obj).trigger("onMaxSizeError"); return; } if (obj.extensions != null) { var name = file.name; var ext = name.substring(name.lastIndexOf("."), name.length).toLowerCase(); if (obj.extensions.indexOf(ext) < 0) { $(obj).trigger("onExtensionError"); return; } } var formData = new FormData(); formData.append("files", file); xhr.send(formData); }; FileUpload.prototype.onLoad = function(handler) { $(this).bind("onLoad", function(sender, args) { handler && handler(args); }); }; FileUpload.prototype.onProgress = function (handler) { $(this).bind("onProgress", function(sender, loaded, total) { handler && handler(loaded, total); }); }; FileUpload.prototype.onError = function (handler) { $(this).bind("onError", function(sender, error) { handler && handler(error); }); }; FileUpload.prototype.onMaxSizeError = function(handler) { $(this).bind("onMaxSizeError", handler); }; FileUpload.prototype.onExtensionError = function (handler) { $(this).bind("onExtensionError", handler); }; })();

Ⅱ 有没有浏览器传文件时显示上传进度的插件

火狐和傲游都行

Ⅲ jQuery File Upload-jQuery上传插件支持什么格式

所有格式都支持。它不分格式,是个文件都可以传,但是一般在传递的时候自己要写格式过滤,用换过滤特定格式的文件

Ⅳ 大脚插件上传和下载插件配置文件

大脚左上脚那上传和下载是在你登陆用户的情况下,进入游戏,调整游戏里面的按键,释法条的调整,插件的位置,一件换装的装备,自动保存下你的设置。

javaWEB项目中如何实现批量选择文件并上传呢有什么好的插件,最好有相关代码例子

jquery.uploadify批量上传控件
[html]
<linkhref="styles/uploadify.css"rel="stylesheet"type="text/css"/>
<scripttype="text/javascript"src="styles/uploadify.swf"></script>
<scripttype="text/javascript"src="javascripts/jquery.uploadify.min.js"></script>
<linkhref="styles/uploadify.css"rel="stylesheet"type="text/css"/>
<scripttype="text/javascript"src="styles/uploadify.swf"></script>
<scripttype="text/javascript"src="javascripts/jquery.uploadify.min.js"></script>还有jquery.js,你懂得!
这里注意哦,css文件会引用到这个图片哦,所以请你指定这个图片的位置哦,不然就没有显示这个叉叉哦,这个叉叉是删除按钮的哦,没有就是空白哦!


[javascript]
<script>
functionsnedUpLoad(){
varpid=$("#entityId").val();//这个是我自己获取的自定义参数
varentityName=$("#entityName").val();//同上
$("#uploadify").uploadify({//初始化uploadifyuploadify是input的id
//'debug':false,//bug模式,默认是false
'auto':false,//自动上传,就是控件自动上传,默认是true
'multi':true,
//'successTimeout':99999,//超时时间
'formData':{'pid':pid,'entityName':entityName},//我的参数列表
//'fileObjName':'uploadify',//服务器的属性名字

'uploader':'你的后台url地址;jsessionid=${pageContext.session.id}',//提交服务器路径,这里
说明下;jsessionid=${pageContext.session.id},这个是用于非IE内核的浏览器兼容的
'swf':"styles/uploadify.swf",//flash文件,官方的文件,引用上就是了
//'uploader':'/Home/Upload',//文件保存路径用处不大
'buttonText':'文件上传',//按钮
//'height':'32',//浏览按钮的高度
//'width':'100',//浏览按钮的宽度
'fileTypeDesc':'支持的格式:',//在浏览窗口底部的文件类型下拉菜单中显示的文本
'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',//允许上传的文件后缀
'fileSizeLimit':'3MB',//上传文件的大小限制
'queueSizeLimit':25,//上传数量
'onSelectError':function(file,errorCode,errorMsg){//返回一个错误,选择文件的时候触发
switch(errorCode){
case-100:
alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!");
break;
case-110:
alert("文件["+file.name+"]大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!");
break;
case-120:
alert("文件["+file.name+"]大小异常!");
break;
case-130:
alert("文件["+file.name+"]类型不正确!");
break;
}
},
'onFallback':function(){//检测FLASH失败调用
alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
},
'onUploadSuccess':function(file,data,response){//上传到服务器,服务器返回相应信息到data里
if(data){
vardataObj=eval("("+data+")");//转换为json对象
//$('#uploadify').uploadify('upload')
}
}
});
}
</script>
<script>
functionsnedUpLoad(){
varpid=$("#entityId").val();//这个是我自己获取的自定义参数
varentityName=$("#entityName").val();//同上
$("#uploadify").uploadify({//初始化uploadifyuploadify是input的id
//'debug':false,//bug模式,默认是false
'auto':false,//自动上传,就是控件自动上传,默认是true
'multi':true,
//'successTimeout':99999,//超时时间
'formData':{'pid':pid,'entityName':entityName},//我的参数列表
//'fileObjName':'uploadify',//服务器的属性名字

'uploader':'你的后台url地址;jsessionid=${pageContext.session.id}',//提交服务器路径,这里
说明下;jsessionid=${pageContext.session.id},这个是用于非IE内核的浏览器兼容的
'swf':"styles/uploadify.swf",//flash文件,官方的文件,引用上就是了
//'uploader':'/Home/Upload',//文件保存路径用处不大
'buttonText':'文件上传',//按钮
//'height':'32',//浏览按钮的高度
//'width':'100',//浏览按钮的宽度
'fileTypeDesc':'支持的格式:',//在浏览窗口底部的文件类型下拉菜单中显示的文本
'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',//允许上传的文件后缀
'fileSizeLimit':'3MB',//上传文件的大小限制
'queueSizeLimit':25,//上传数量
'onSelectError':function(file,errorCode,errorMsg){//返回一个错误,选择文件的时候触发
switch(errorCode){
case-100:
alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!");
break;
case-110:
alert("文件["+file.name+"]大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!");
break;
case-120:
alert("文件["+file.name+"]大小异常!");
break;
case-130:
alert("文件["+file.name+"]类型不正确!");
break;
}
},
'onFallback':function(){//检测FLASH失败调用
alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
},
'onUploadSuccess':function(file,data,response){//上传到服务器,服务器返回相应信息到data里
if(data){
vardataObj=eval("("+data+")");//转换为json对象
//$('#uploadify').uploadify('upload')
}
}
});
}
</script>

[javascript]
$(function(){
snedUpLoad();//jquery容器加载完运行我们的函数
})
$(function(){
snedUpLoad();//jquery容器加载完运行我们的函数
})


[html]
<inputtype="file"name="uploadify"id="uploadify"/>//申明控件的容器
<inputtype="file"name="uploadify"id="uploadify"/>//申明控件的容器
前台页面代码基本就这样了,很好明白,至于后台逻辑和普通上传处理一致的,这里就不列出来的,最后上一张图给大家鉴赏一下
(tip:其实他的批量上传并不是一次全部提交处理的,他是一个一个依次提交,相当是一个for循环,所以后台处理的同时只是一个文件上传,即排序的处理上传文件,就和单个文件上传的代码一样,如果你早有后台的单文件上传代码就不用改,直接调用就行了,可以共用)

Ⅵ selenium上传文件,上传文件的控件是一个flash

如果是flash的话,单纯用selenium是无解的,selenium不能对Windows GUI进行操作的。你可以试试autoit这个工具。

Ⅶ 后台怎么安装插件如何上传本地插件

方法/步骤

打开你的域名.com/wp-admin,输入用户名和密码登陆后,在仪表盘界面点击 插件

在打开的插件列表项界面,点击插件右边的 安装插件

这里以造成网站打开缓慢的google fonts为例,在搜索框中输入google fonts,然后回车.

在出现的搜索结果列表中,选择一个星级比较高的,并显示兼容当前版本的插件,点击 现在安装,等待安装完成后,点击 启用插件,即可.

除了从网站上搜索插件之外,还可以直接通过点击添加插件右侧的 上传插件来上传本地的插件安装包

在上传文件界面中,点击 选择文件,来对要安装的.zip插件文件进行选择.

这里以sitemap自动生成插件为例,选择dagon_design_sitemap_generator.zip后,点击 打开

此时,操作返回到了添加插件页面,在这里点击 现在安装.

经过以上操作,wordpress平台会将插件文件上传到网站空间后台,并进行一系列的操作,当插件安装成功出现时,可点击 启用插件,即可让插件为网站工作了.9:24 2016/5/6

Ⅷ jquery uploadify插件怎样实现上传文件成功后 隐藏上传上传按钮

可以在上传完成的回调函数中,隐藏上传按钮。

Ⅸ qq群社区怎么上传文件他说是要下载上传插件

上传的时候会提示你安装插件,安装后就可以上传啦

Ⅹ PHP 大文件上传,支持断点续传,求具体方案、源码或者文件上传插件

HTTP协议里, 对断点下载有支持.
断点上传单纯靠PHP 是做不了的.
因为普通的浏览器端没那功能.(上传的时候 还是会整个文件编码发送)
想实现的话 , 客户端需要插件了,
客户端可以使用flex实现. 服务端, PHP可以写个webservice 接受文件.

热点内容
管理java版本 发布:2024-11-15 11:44:03 浏览:629
ndk编译的程序如何执行 发布:2024-11-15 11:43:18 浏览:626
轻应用服务器适合搭建网站吗 发布:2024-11-15 11:36:08 浏览:246
c语言的百分号 发布:2024-11-15 11:34:24 浏览:31
一加五安卓8什么时候推送 发布:2024-11-15 11:19:40 浏览:854
暗影骑士擎有哪些配置 发布:2024-11-15 11:13:46 浏览:598
方舟主机专用服务器是什么意思 发布:2024-11-15 11:12:23 浏览:8
创维最早的服务器是什么 发布:2024-11-15 11:11:35 浏览:864
手机配置太低怎么下载原声 发布:2024-11-15 11:03:31 浏览:905
21款奥迪a6配置有哪些 发布:2024-11-15 11:03:20 浏览:120