摘要: 首先我們需要一個被加載的js文件，我在一個固定文件夾下創建了一個package.js，打開后在里面寫一個方法functionOne，很簡單，代碼如下：function functionOne(){
alert("成功加載");
}后面的html文件都創建在同一個目錄下。方法一：直接document.write在同一個文件夾下面創建一個function1.html，代碼如下：<ht...
閱讀全文
posted @
2013-06-01 09:19 Tomas 閱讀(395) |
評論 (0) |
編輯 收藏
多文件上傳 jquery的插件
使用的方法 導入 jquery.js 及 jquery.MultiFile.js ，
方式一： 后臺是文件數組
private File[] upload; // 與jsp表單中的名稱對應
private String[] uploadFileName;
private String[] uploadContentType;
在 form 中加入 <input type="file" name="upload[]" class="multi" /> 即可。
方式二：后臺是List<File>
private List<File> upload; // 與jsp表單中的名稱對應
private List<String> uploadFileName;
private List<String> uploadContentType;
jquery.MultiFile.js 將選中的文件列在From中，名字為upload的<input>，所以要用 name="upload[]"（方法一）或者name="upload" （方法二） 來接收；
而 class="multi" 是 jQuery 用來作的文件類型，HTML 部份代碼如下：
|
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>Untitled Document</title>
<script src="/multiple-file-upload/jquery.js" type="text/javascript" language="javascript"></script>
<script src="/multiple-file-upload/jquery.MultiFile.js" type="text/javascript" language="javascript"></script>
</head>
<body>
<form enctype="multipart/form-data" action="<?php $_SERVER['PHP_SELF'] ?>" method="POST">
<input type="file" name="upload[]" class="multi" maxlength="2"/>
//<input type="file" name="upload" class="multi" />
<input type="submit" value="Upload File" />
</form>
</body> |
參數說明：
| 參數 |
說明 |
說明 |
| class="multi" maxlength="2" |
Limit: 2 files.
Allowed extensions: any. |
限制數量2 |
| class="multi" accept="gif|jpg" |
Limit: no limit.
Allowed extensions: gif and jpg. |
格式只能 gif jpg |
| class="multi" accept="gif|jpg" maxlength="3" |
Limit: 3 files
Allowed extensions: gif, jpg. |
限制數量3，格式只能 gif jpg |
主頁:http://www.fyneworks.com/jquery/multiple-file-upload/
下載:http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Download
示例:http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Examples
posted @
2013-05-17 15:56 Tomas 閱讀(4183) |
評論 (2) |
編輯 收藏