<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的插件
    使用的方法  導(dǎo)入 jquery.js 及 jquery.MultiFile.js ,
    方式一: 后臺是文件數(shù)組  
     private File[] upload; // 與jsp表單中的名稱對應(yīng)
     private String[] uploadFileName;
     private String[] uploadContentType;
    在 form 中加入 <input type="file" name="upload[]" class="multi" /> 即可。

    方式二:后臺是List<File>
     private List<File> upload; // 與jsp表單中的名稱對應(yīng)
     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>

    參數(shù)說明:

    參數(shù) 說明 說明
    class="multi" maxlength="2" Limit: 2 files.
    Allowed extensions: any.
    限制數(shù)量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.
    限制數(shù)量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: '出現(xiàn)異常創(chuàng)建失敗,請與管理員聯(lián)系.',
    21. buttons: Ext.MessageBox.OK,
    22. icon: Ext.MessageBox.ERROR
    23. });
    24. }
    25. ,waitMsg: "正在加載數(shù)據(jù),請稍候..."
    26. });
      回復(fù)  更多評論
      
    # re: 多文件上傳 2013-05-19 09:23 11
    Formpanel中必須有
    reader: new Ext.data.JsonReader({root:'root'},
    [{name: 'pack',mapping:'pack',type:'string'}
    ])
      回復(fù)  更多評論
      

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


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 亚洲入口无毒网址你懂的| 中文字幕在亚洲第一在线| 亚洲电影在线播放| 毛片无码免费无码播放 | 一区二区三区在线免费| 国产一级理论免费版| 日韩色日韩视频亚洲网站| 国产一级一片免费播放| 国产精品亚洲专区无码唯爱网| 日本一道综合久久aⅴ免费| 久久久久亚洲国产AV麻豆| 亚洲国产一成久久精品国产成人综合| 免费人成动漫在线播放r18 | 51精品视频免费国产专区| 亚洲日本香蕉视频| 免费看国产成年无码AV片| 亚洲大尺度无码无码专线一区| 国产成人无码区免费A∨视频网站 国产成人涩涩涩视频在线观看免费 | 久久国产成人精品国产成人亚洲| 久久www免费人成精品香蕉| 久久久久无码精品亚洲日韩| 99久久免费中文字幕精品| 亚洲大片免费观看| 国产无遮挡色视频免费视频| 香蕉免费看一区二区三区| 亚洲综合自拍成人| 麻豆成人精品国产免费| 一级午夜免费视频| 亚洲美免无码中文字幕在线| 国产精品免费视频一区| 最新久久免费视频| youjizz亚洲| 午夜亚洲福利在线老司机| 无码AV片在线观看免费| 亚洲深深色噜噜狠狠网站| JLZZJLZZ亚洲乱熟无码| 131美女爱做免费毛片| 男人免费视频一区二区在线观看| 亚洲AV无码一区东京热久久| 全免费a级毛片免费看无码| 中文字幕的电影免费网站|