js文件上傳插件_file控制項選擇上傳文件確定後觸發什麼js事件

① JS實現文件上傳時候，火狐可以正常上傳，IE卻上傳不了，可以獲取上傳的路徑，使用的是type=「file」控制項

尊敬的用戶，您好！很高興為您答疑
你遇到的是js控制項屬性兼容的問題。
function getPath(obj) {
if (obj) {
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
obj.select()();
return document.select() ion.createRange().text;
} else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
if (obj.files) {
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
請您嘗試以上代碼。
如果仍然有兼容問題，請考慮使用jquery。
希望我的回答對您有所幫助，如有疑問，歡迎繼續咨詢我們。

② 怎樣用JS控制文件上傳時FILE控制項內默認的文件類型

有兩種方式，
1、用fileupload控制項在後台判斷
FileUpload1.FileContent.Length判斷大小，
System.IO.Path.GetExtension(FileUpload1.FileName)獲取文件後綴
2、用jquery上傳控制項，可以直接判斷類型和大小
另外js也可以在前台判斷文件類型，但不能獲取文件大小，需要引用插件

③ 誰有jquery的上傳插件ajaxupload.3.5.js文件，傳到[email protected],謝謝

④ 如何用js向上傳控制項添加內容

document.getElementByID()
區分大小寫
正確為：document.
getElementById
()
設置的話那就不行了，這個值是只讀的，沒辦法的。

⑤ 請高手給一個JS多文件上傳的例子（必須兼容IE）解決追加50分。請看補充。

一、Servlet實現文件上傳，需要添加第三方提供的jar包
下載地址：
1) commons-fileupload-1.2.2-bin.zip: 點擊打開鏈接

2) commons-io-2.3-bin.zip: 點擊打開鏈接
接著把這兩個jar包放到 lib文件夾下：

二：文件上傳的表單提交方式必須是POST方式，
編碼類型：enctype="multipart/form-data"，默認是 application/x-www-form-urlencoded
比如：
<form action="FileUpLoad"enctype="multipart/form-data"method="post">

三、舉例：
1.fileupload.jsp
<%@ page language="java" import="javautil*" pageEncoding="UTF-8"%>
<%
String path = requestgetContextPath();
String basePath = requestgetScheme()+"://"+requestgetServerName()+":"+requestgetServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'fileuploadjsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">


</head>

<body>

<form action="FileUpLoad" enctype="multipart/form-data" method="post" >

用戶名：<input type="text" name="usename"> <br/>
上傳文件：<input type="file" name="file1"><br/>
上傳文件： <input type="file" name="file2"><br/>
<input type="submit" value="提交"/>
</form>
</body>
</html>

2.實際處理文件上傳的 FileUpLoad.java
package comservletfileupload;
import javaioFile;
import javaio*;
import javaioIOException;
import javaioPrintWriter;
import javautilList;
import javaxservletServletException;
import javaxservlethttpHttpServlet;
import ;
import ;
import ;
import ;
import ;
import ;

/**
*
* @author Administrator
* 文件上傳
* 具體步驟：
* 1）獲得磁碟文件條目工廠 DiskFileItemFactory 要導包
* 2）利用 request 獲取真實路徑，供臨時文件存儲，和最終文件存儲，這兩個存儲位置可不同，也可相同
* 3）對 DiskFileItemFactory 對象設置一些屬性
* 4）高水平的API文件上傳處理 ServletFileUpload upload = new ServletFileUpload(factory);
* 目的是調用 parseRequest（request）方法獲得 FileItem 集合list ，
*
* 5）在 FileItem 對象中獲取信息，遍歷，判斷表單提交過來的信息是否是普通文本信息另做處理
* 6）
* 第一種用第三方提供的 itemwrite( new File(path,filename) ); 直接寫到磁碟上
* 第二種手動處理
*
*/
public class FileUpLoad extends HttpServlet {

public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

requestsetCharacterEncoding("utf-8"); //設置編碼

//獲得磁碟文件條目工廠
DiskFileItemFactory factory = new DiskFileItemFactory();
//獲取文件需要上傳到的路徑
String path = requestgetRealPath("/upload");

//如果沒以下兩行設置的話，上傳大的文件會佔用很多內存，
//設置暫時存放的存儲室 , 這個存儲室，可以和最終存儲文件的目錄不同
/**
* 原理它是先存到暫時存儲室，然後在真正寫到對應目錄的硬碟上，
* 按理來說當上傳一個文件時，其實是上傳了兩份，第一個是以 tem 格式的
* 然後再將其真正寫到對應目錄的硬碟上
*/
factorysetRepository(new File(path));
//設置緩存的大小，當上傳文件的容量超過該緩存時，直接放到暫時存儲室
factorysetSizeThreshold(1024*1024) ;

//高水平的API文件上傳處理
ServletFileUpload upload = new ServletFileUpload(factory);

try {
//可以上傳多個文件
List<FileItem> list = (List<FileItem>)uploadparseRequest(request);

for(FileItem item : list)
{
//獲取表單的屬性名字
String name = itemgetFieldName();

//如果獲取的表單信息是普通的文本信息
if(itemisFormField())
{
//獲取用戶具體輸入的字元串，名字起得挺好，因為表單提交過來的是字元串類型的
String value = itemgetString() ;

requestsetAttribute(name, value);
}
//對傳入的非簡單的字元串進行處理，比如說二進制的圖片，電影這些
else
{
/**
* 以下三步，主要獲取上傳文件的名字
*/
//獲取路徑名
String value = itemgetName() ;
//索引到最後一個反斜杠
int start = valuelastIndexOf("\\");
//截取上傳文件的字元串名字，加1是去掉反斜杠，
String filename = valuesubstring(start+1);

requestsetAttribute(name, filename);

//真正寫到磁碟上
//它拋出的異常用exception 捕捉

//itemwrite( new File(path,filename) );//第三方提供的

//手動寫的
OutputStream out = new FileOutputStream(new File(path,filename));

InputStream in = itemgetInputStream() ;

int length = 0 ;
byte [] buf = new byte[1024] ;

Systemoutprintln("獲取上傳文件的總共的容量："+itemgetSize());

// inread(buf) 每次讀到的數據存放在 buf 數組中
while( (length = inread(buf) ) != -1)
{
//在 buf 數組中取出數據寫到（輸出流）磁碟上
outwrite(buf, 0, length);

}

inclose();
outclose();
}
}

} catch (FileUploadException e) {
// TODO Auto-generated catch block
eprintStackTrace();
}
catch (Exception e) {
// TODO Auto-generated catch block

//eprintStackTrace();
}

requestgetRequestDispatcher("filedemojsp")forward(request, response);

}

}

System.out.println("獲取上傳文件的總共的容量："+item.getSize());

3.filedemo.jsp
<%@ page language="java" import="javautil*" pageEncoding="UTF-8"%>
<%
String path = requestgetContextPath();
String basePath = requestgetScheme()+"://"+requestgetServerName()+":"+requestgetServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'filedemojsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">


</head>

<body>

用戶名：${requestScopeusename } <br/>
文件：${requestScopefile1 }<br/>
${requestScopefile2 }<br/>

<img alt="go" src="upload/<%=(String)requestgetAttribute("file1")%> " />

</body>
</html>

4結果頁面：

以上就是本文的全部

⑥ js不用插件上傳文件

你需要明白，上傳文件不是js做的事情，所以想做到無刷新上傳必須要使用插件，否則就需要你自己來實現，自己實現起來就沒那麼容易了，之前專門寫的一個用於上傳文件的js插件，希望能幫到你
http://blog.csdn.net/sq111433/article/details/16872403

⑦ jquery.fileUpload.js文件上傳問題

了解，fileuploader方法需要先初始化，然後才能觸發上傳，並不需要你手動觸發change事件

你只需

html

<form>
file:<inputtype="file"id="file"name="file">
</form>

$('#file').on('change',function(){
//這里可以做校驗，返回false就不會觸發下面的上傳插件，否則就會觸發上傳
if(!this.value||this.value.indexOf('.jpg')==-1){
returnfalse;
}
});

//初始化上傳插件
$('#file').fileupload({
autoUpload:true,//這里為true，則選中文件後就會自動上傳
url:'',
done:$.noop,
fail:$.noop
});

⑧ js 大文件分片上傳處理如何實現

推薦採用webuploader控制項來解決。
關於WebUploader的功能說明：
大文件上傳續傳
支持超大文件上傳(100G+)和續傳，可以關閉瀏覽器，重啟系統後仍然繼續上傳。
開源
提供ASP.NET,JSP,PHP示例和源代碼，其中JSP提供MySQL,Oracle,SQL Server資料庫的配置和示例代碼。
分片、並發
分片與並發結合，將一個大文件分割成多塊，並發上傳，極大地提高大文件的上傳速度。
當網路問題導致傳輸錯誤時，只需要重傳出錯分片，而不是整個文件。另外分片傳輸能夠更加實時的跟蹤上傳進度。
預覽、壓縮
支持常用圖片格式jpg,jpeg,gif,bmp,png預覽與壓縮，節省網路數據傳輸。
解析jpeg中的meta信息，對於各種orientation做了正確的處理，同時壓縮後上傳保留圖片的所有原始meta數據。
多途徑添加文件
支持文件多選，類型過濾，拖拽(文件&文件夾)，圖片粘貼功能。上傳本地指定路徑的文件，不需要通過點擊按鈕選擇文件。
粘貼功能主要體現在當有圖片數據在剪切板中時（截屏工具如QQ(Ctrl + ALT + A), 網頁中右擊圖片點擊復制），Ctrl + V便可添加此圖片文件。
HTML5 & FLASH
兼容主流瀏覽器和低版本瀏覽器，介面一致，實現了兩套運行時支持，用戶無需關心內部用了什麼內核。而且支持IE6，IE8瀏覽器。
同時Flash部分沒有做任何UI相關的工作，方便不關心flash的用戶擴展和自定義業務需求。
基於內存映射模式進行IO操作，充分發揮操作系統性能。
MD5秒傳
當文件體積大、量比較多時，支持上傳前做文件md5值驗證，一致則可直接跳過。
如果服務端與前端統一修改演算法，取段md5，可大大提升驗證性能，耗時在20ms左右。
易擴展、可拆分
採用可拆分機制, 將各個功能獨立成了小組件，可自由搭配。
採用AMD規范組織代碼，清晰明了，方便高級玩家擴展。

⑨ file控制項選擇上傳文件確定後觸發什麼js事件

1、定義一個Html文件，編寫file控制項。

⑩ file控制項選擇上傳文件確定後觸發的js事件是哪個

file控制項選擇上傳文件確定後觸發的js事件是onchange事件。

js文件上傳插件

與js文件上傳插件相關的內容