jQuery.fileupload是一個比較通用的控制元件，如果是簡單使用的話，也非常方便：
第一步引入相應的css跟js

    <link rel="stylesheet" href="/skins/skyblue/jquery.fileupload.css">
    <script src="/codebase/fileupload/vendor/jquery.ui.widget.js"></script>
    <script src="/codebase/fileupload/jquery.iframe-transport.js"></script
 
>
    <script src="/codebase/fileupload/jquery.fileupload.js"></script>

第二部 在jsp或者html介面放入相應的form跟點選需要觸發的按鈕
我這裡是用js動態生成html，插入到介面的一個div

   var formId = "fileupload" + GoingUtils.getUUid(3, false);
    var imgPath = "/going-bs-dhtmlx/codebase/toolbar/imgs/" + opts.img;
    var iframeHtml = '<form id="' + formId + '" action="" method="POST" enctype="multipart/form-data">
 
' +
        '<div class="contentDiv">' +
        '<span class="btn btn-success fileinput-button">' +
        '<div style="float:left;width:20px;height:20px;position: relative;left:-2px;top:0px"><img src="' + imgPath + '"></div>' +
        '<span style="float:left;position: relative;left:-2px;top:5px">
 
<span>上傳</span>' +
        '<input  type="file" name="files" multiple>' +
        '</span></span>' +
        '</div>' +
        '</form>';
    $("#fileDiv").html(iframeHtml);

第三步就是初始化控制元件

var opts={
url:"",
initSubmitFormData:function(e,data){
//點選提交時，通過該函式來相後臺提交相關引數
    data.formData = {projectId: $.Cookies.get("curProjectId")};
},
fun:function(){
//執行上傳操作成功後，回撥函式
},
}
  var bid = GoingUtils.getUUid(5, false);
    if (AssertUtils.isNotNull($("#" + formId).fileupload)) {
        $("#" + formId).fileupload({
            url: opts.url + "?bid=" + bid + "&filleType=excel&sessionId=" + top.sessionId + "&fileName=IMG_0048.JPG&userfile=systemFileControlfile1",//檔案上傳地址，當然也可以直接寫在input的data-url屬性內
            dataType: 'json',
            autoUpload: true,
            acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
            maxFileSize: 1000000, // 10 MB
            done: function (e, result) {
                var record = new Record(result.result);
                opts.fun();
            },
            progressall: function (e, data) {//設定上傳進度事件的回撥函式

            }
        })
        //就是通過該方法實現， 提交時往後臺傳遞引數
        $("#" + formId).bind('fileuploadsubmit', function (e, data) {
            opts.initSubmitFormData(e, data);
        });
    } else {
        GoingUtils.showErrorMessage("請載入fileupload相應元件的js");
    }