当前位置:首页 » 网页前端 » web上传文件插件
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web上传文件插件

发布时间: 2022-03-15 16:39:15

Ⅰ javaWEB项目多个文件(如图片)上传,如何实现,有没有什么控件

ajaxfileupload.js 页面无刷新上传 多文件上传 自己试试吧

Ⅱ 如何使用第三方上传插件web uploader的demo

要解决302问题也很简单,就是html5的文件上传,正好最近在ueditor里看到网络的webuploader,会自动选择flash html5,就是一个成熟的解决方案了。

先看前端,我们将最常用的操作封装为插件,asp.net中和MVC中最好使用相对于应用程序的绝对路径,自行定义全局 applicationPath :var applicationPath = "@(Href("~")=="/"?"":Href("~"))";
前端插件代码:

Ⅲ 求一个 WEB可断点续传的控件,用于上传大文件。

FlashFXP

Ⅳ 可以用web页面实现上传功能并管理上传好的文件吗

给点思路:
你上传之后的文件应该是保存到文件系统中,然后在数据库存储文件的路径的吧!
如果是图片你就可以在页面使用img根据数据库的图片地址显示,其他的如压缩文件等,这些文件在页面是无法显示的,所以你只能只用个图片,如果想删除可以调用方法通过数据库想到文件路径然后删除,在删除数据库的记录就可以了!

Ⅳ 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循环,所以后台处理的同时只是一个文件上传,即排序的处理上传文件,就和单个文件上传的代码一样,如果你早有后台的单文件上传代码就不用改,直接调用就行了,可以共用)

Ⅵ 使用webuploader插件上传图片时如果正确 限制上传数量

你要理解fileNumLimit的含义。fileNumLimit=总文件数-已经上传的文件数。这就意味着你fileNumLimit设置为5的话,一次上传6张是不行的,但是每次上传1张,就能突破5张的限制。原因是插件在上传完一个文件后,会把计数清零。你可以参考修改下面的代码:

uploader.on('fileQueued',function(){
count++;
});

uploader.on('fileDequeued',function(){
count--;
});

uploader.on('uploadFinished',function(){
//注销这段代码就可以了count=0;
});

上面的代码位于webuploader.js的L3809

Ⅶ WebOffice插件HttpAddPostCurrFile方法报错

使用点聚WebOffice在线编辑word
Word编辑页面

<%@page
contentType="text/html;charset=gbk"%> <% String imgpath =
request.getContextPath(); String basePath = request.getScheme() + "://" +
request.getServerName() + ":" + request.getServerPort() + imgpath;
String path = (String) request.getAttribute("filepath"); %> <meta
http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE=javascript> <!-- // 初始化控件 function
WebOffice1_NotifyCtrlReady() { document.all.WebOffice1.OptionFlag |=
128;
document.all.WebOffice1.LoadOriginalFile("<%=basePath%>/getwordstream.jsp
filename=C:\\1.doc", "doc");
document.all.WebOffice1.SetToolBarButton2("Standard",1,0); } // 上传文档
function SaveDoc(fname,docType) { try{ var
webObj=document.getElementById("WebOffice1"); var returnValue;
webObj.HttpInit(); //初始化Http引擎 // 添加相应的Post元素
webObj.HttpAddPostString("fname", fname);
webObj.HttpAddPostString("DocType",docType);
webObj.HttpAddPostCurrFile("DocContent",""); // 上传文件 returnValue =
webObj.HttpPost("<%=basePath%>/savewordstream.jsp"); // 判断上传是否成功
if("succeed" == returnValue){ alert("文件上传成功!"); }else if("failed" ==
returnValue) alert("文件上传失败!"); return_onclick(); }catch(e){
//alert("异常\r\nError:"+e+"\r\nError Code:"+e.number+"\r\nError
Des:"+e.description); } } // 事件 function
WebOffice1_NotifyWordEvent(eventname) {
if(eventname=="DocumentBeforeSave"){ //SaveDoc('C:\\1.doc', 'doc');//
此处不能用,否则无法上传, 不知原因 } } //--> </SCRIPT> <SCRIPT
LANGUAGE=javascript FOR=WebOffice1 EVENT=NotifyCtrlReady> <!--
WebOffice1_NotifyCtrlReady(); //--> </SCRIPT> <SCRIPT
LANGUAGE=javascript FOR=WebOffice1 EVENT=NotifyWordEvent(eventname)>
<!-- WebOffice1_NotifyWordEvent(eventname); //--> </SCRIPT>
</head> <body> <input type="button" value="保存"
onclick="SaveDoc('C:\\1.doc', 'doc')" /> <!-- 装载Weboffice控件 -->
<object id=WebOffice1 height='100%'
classid='clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5'
codebase='<%=imgpath%>/weboffice_v6.0.5.0.cab#Version=6,0,5,0'>
<param name='_ExtentX' value='6350'> <param name='_ExtentY'
value='6350'> </object> <!-- 结束装载代码 --> </body>
</html>

获取word文件流jsp

<%@page contentType="text/html;charset=gbk"%> <%@page import="java.io.BufferedInputStream"%> <%@page import="java.io.FileInputStream"%>
<% String filename = request.getParameter("filename"); filename =
new String(filename.getBytes("iso-8859-1"), "utf-8"); try {
BufferedInputStream in = new BufferedInputStream( new
FileInputStream(filename)); java.io.OutputStream
outStream = response.getOutputStream(); byte[] buf = new byte[1024];
int bytes = 0; while ((bytes = in.read(buf)) != -1) outStream.write(buf,
0, bytes); in.close(); outStream.close(); } catch (Exception e) {
out.println(e.toString()); } %>

保存word文件流jsp

<%@
page contentType="text/html;charset=GB2312"%> <%@ page
import="java.io.*"%> <jsp:useBean id="mySmartUpload" scope="page"
class="com.jspsmart.upload.SmartUpload" /> <% try { // 初始化上传组件
mySmartUpload.initialize(pageContext); mySmartUpload.upload(); //
获取传到表单记录 String name = mySmartUpload.getRequest().getParameter("fname");
com.jspsmart.upload.File myFile = null; myFile =
mySmartUpload.getFiles().getFile(0); if (!myFile.isMissing()) {
java.io.File tfile = new java.io.File(name); if (tfile.exists()) {
tfile.delete(); } myFile.saveAs(name, mySmartUpload.SAVE_PHYSICAL); //
保存上传文件 out.clear(); out.write("succeed");//返回控件HttpPost()方法值。
out.flush(); } else throw new Exception("File is missing!!"); } catch
(Exception e) { out.clear(); out.write("failed");//返回控件HttpPost()方法值。
out.flush(); } %>

Ⅷ web文件上传能否对文件加密

您可以对用超级加密3000将文件加密后再上传。

Ⅸ 做一个web项目,需要用到文件上传,并且图片显示出来,用ajax上传文件,并追加一个img

代码比较多,只提供思路吧:

  1. 使用html的upload控件选择文件,当图片被选中之后,ajax可以检测到,这时就调用一个post方法把整个form表单提交到一个一般处理程序里面,进行上传操作。

  2. 上传完成之后返回来一个标识,如果成功就同事把你存图片的路径也传递过来,,利用jquery的.html()方法拼接一个图片的标签,路径就写后台传递过来的路径。然后通过css样式来控制图片大小,当然,你也可以写个方法的生成缩略图。

当然,网上有好多更简单的方法,比如使用flash插件等,但是现在普遍的做法都是用户先选择图片并不上传,选择多张图片后再统一上传,这个就有点复杂了,因为web端的upload控件是无法获取图片的真实路径的,要想生成缩略图,借助插件更方便,希望可以帮到你

Ⅹ 百度webuploader上传插件 api提供uploader.removefile( )的方法怎么无法移除队列文件

我也想知道答案,探索中....