jquery 上傳檔案

一、定義一個input file 并隐藏

<input id="imgsFileInputTable" type="file" size="45" accept="image/gif,image/png,image/jpeg" name="uploadFileInput" class="input" style="display:none;" onchange="ajaxFileUploadTable(上傳檔案參數)"/>

二、點選一個圖檔時，打開input file的上傳視窗

<img src="upload/img/noimg.png" onclick="fileTest()"

id="imgUploadSmallImg" class="showdataPacksSmallIMg" />

js

function fileTest(){

$("#imgsFileInputTable").click();

}

 三、視窗中上傳圖檔 input file 會觸發change事件，change調用異步上傳檔案js函數

 $.ajaxFileUpload({

url:'FileUpload',

secureuri:false,

fileElementId:uploadFileInput, //檔案選擇框的id屬性

dataType: 'json', //伺服器傳回的格式，可以是json

timeout:7000,

success:function (data, status) //相當于java中try語句塊的用法

{

　　在這裡更新img 的圖檔

},

error: function (data, status, e) //相當于java中catch語句塊的用法

成功後更新 點選的目前圖檔内容