<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆 - 7  文章 - 3  trackbacks - 0
    <2013年5月>
    2829301234
    567891011
    12131415161718
    19202122232425
    2627282930311
    2345678

    常用鏈接

    留言簿

    隨筆檔案

    文章分類

    文章檔案

    搜索

    •  

    最新評論

    閱讀排行榜

    評論排行榜


    多文件上傳 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 on 2013-05-17 15:56 Tomas 閱讀(4183) 評論(2)  編輯  收藏

    FeedBack:
    # re: 多文件上傳 2013-05-19 09:23 11
    01.Ext.getCmp('collect_task_form').getForm().load({
    02. url: "./collectTaskView.do"
    03. ,params: {
    04. id: id
    05. }
    06. ,success: function(form, action){
    07. //Ext.example.msg('編輯', '載入成功!');
    08. //alert(Ext.getCmp("data").getValue());
    09. var o = Ext.util.JSON.decode(action.response.responseText);
    10. if (o) {
    11. var root = o.root;
    12. var pack = root[0];
    13.
    14. alert(pack.displayName);
    15. }
    16. }
    17. ,failure: function(form, action){
    18. Ext.MessageBox.show({
    19. title: '錯誤',
    20. msg: '出現異常創建失敗,請與管理員聯系.',
    21. buttons: Ext.MessageBox.OK,
    22. icon: Ext.MessageBox.ERROR
    23. });
    24. }
    25. ,waitMsg: "正在加載數據,請稍候..."
    26. });
      回復  更多評論
      
    # re: 多文件上傳 2013-05-19 09:23 11
    Formpanel中必須有
    reader: new Ext.data.JsonReader({root:'root'},
    [{name: 'pack',mapping:'pack',type:'string'}
    ])
      回復  更多評論
      

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 免费国产黄网站在线观看动图| 亚洲天堂福利视频| a一级爱做片免费| 亚洲国产精品尤物yw在线| 国产精品亚洲а∨天堂2021| 国产极品粉嫩泬免费观看| 亚洲av日韩精品久久久久久a| 国产一级理论免费版| 免费看一级毛片在线观看精品视频 | 亚洲伊人久久大香线蕉综合图片| av电影在线免费看| 亚洲国产精品无码AAA片| 无码国产精品一区二区免费vr| 中文字幕亚洲第一在线| 97视频热人人精品免费| 亚洲AV无码专区在线电影成人 | 麻豆国产精品入口免费观看| 极品色天使在线婷婷天堂亚洲| 亚洲国产精品一区二区九九| 黄色网站软件app在线观看免费| 亚洲A∨无码一区二区三区| 日韩在线播放全免费| 精品无码专区亚洲| 亚洲人成网77777亚洲色| 18禁美女黄网站色大片免费观看| 亚洲成人激情小说| 久久综合亚洲色HEZYO国产| 人妻无码一区二区三区免费| 亚洲色最新高清av网站| 亚洲日韩VA无码中文字幕| 久久久久国产精品免费免费不卡 | 国产亚洲一区二区在线观看| 免费观看激色视频网站(性色)| 久久综合亚洲色hezyo| 国产亚洲一区二区三区在线| 最近最新MV在线观看免费高清| 在线视频网址免费播放| 精品日韩99亚洲的在线发布| 国产亚洲精午夜久久久久久| 性短视频在线观看免费不卡流畅| 香蕉国产在线观看免费|