<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'}
    ])
      回復  更多評論
      

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


    網站導航:
     
    主站蜘蛛池模板: 曰批全过程免费视频播放网站 | 亚洲AV无码AV男人的天堂| 中文字幕免费在线播放| 亚洲成在人线av| 无码一区二区三区免费视频| 国产精品亚洲色图| 亚洲国产成人久久综合一 | 亚洲变态另类一区二区三区 | 亚洲男人的天堂网站| 亚洲一区精品伊人久久伊人 | 女人18毛片水最多免费观看| 国产精品综合专区中文字幕免费播放| 亚洲国产精品久久久久婷婷软件| 免费看美女被靠到爽的视频| 中文字幕在线免费观看视频| 波多野结衣亚洲一级| 久久影院亚洲一区| 毛片a级毛片免费观看免下载 | 亚洲av日韩综合一区二区三区 | 亚洲午夜电影在线观看高清| 亚洲精品无码成人片在线观看 | 国产日产亚洲系列| 免费毛片在线看片免费丝瓜视频| 黄色短视频免费看| 亚洲熟妇无码AV不卡在线播放 | 日本高清不卡中文字幕免费| 亚洲神级电影国语版| 久久亚洲中文字幕精品一区| 成人在线免费观看| 日本一卡精品视频免费| 一级人做人爰a全过程免费视频 | 亚洲国产av美女网站| 亚洲精品无码午夜福利中文字幕| 成人毛片免费网站| 97免费人妻无码视频| 久久青青草原国产精品免费| 成在线人直播免费视频| 亚洲高清乱码午夜电影网| 亚洲性色高清完整版在线观看| 亚洲欧洲自拍拍偷午夜色无码| 无码不卡亚洲成?人片|