隨筆-46  評論-54  文章-0  trackbacks-0
           

          參考了這篇the script is not working for any mvc frameworkuri的回復,結合當前Uploadifyv2.1.4版,netbean 6.9.1下編寫調試。

                  新建grails工程,名為test,并把Uploadify-v2.1.4.zip解壓到web-app\uploadify目錄下。

                  新建grails控制器PictureController,代碼如下

          package com.test

           

          class PictureController {

           

              def index = { redirect(action: "upload") }

           

              def upload = { }

           

              def savePicture = {

                 def files = request.getFileMap();

                 def path = "c:/test/" + files.get("Filedata").getOriginalFilename();

                 files.get("Filedata").transferTo( new File(path))

                 render (view:'upload')

              }

          }

                  新建grails視圖upload.gsp,代碼如下,注意粗體部分的上下文路徑

          <html>

            <head>

              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

              <title>upload file sample</title>

              <link rel="stylesheet" href="/test/uploadify/uploadify.css" type="text/css" />

              <script type="text/javascript" src="/test/uploadify/jquery-1.4.2.min.js"></script>

              <script type="text/javascript" src="/test/uploadify/swfobject.js"></script>

              <script type="text/javascript" src="/test/uploadify/jquery.uploadify.v2.1.4.min.js"></script>

              <script type="text/javascript">

              $(document).ready(function() {

                      $("#fileUpload").uploadify({

                          'uploader': '/test/uploadify/uploadify.swf',

                        'cancelImg': '/test/uploadify/cancel.png',

                        'script': '/test/picture/savePicture',

                        'folder': 'files',

                        'multi': true,

                        'buttonText': 'add',

                        'displayData': 'speed',

                        'simUploadLimit': 2

                      });

              });

              </script>

            </head>

            <body>

              <hr width=100% size="1" color="" align="center">

                  <h2>Multiple File Upload</h2>

                  <p>checkScript, buttonText, simulataneous upload limit</p>

                  <div id="fileUpload">You have a problem with your javascript</div>

                  <a href="javascript:$('#fileUpload').uploadifyUpload()">Start Upload</a> |  <a href="javascript:$('#fileUpload').uploadifyClearQueue()">Clear Queue</a>

          <p></p>

            </body>

          </html>

                  運行工程,訪問http://localhost:8080/test/picture/upload

          posted on 2010-12-06 15:38 rox 閱讀(1085) 評論(2)  編輯  收藏

          評論:
          # re: Grails結合Uploadify上傳文件的簡單代碼 2014-03-28 10:25 | 陳麗
          這是一篇很棒的帖子,在這篇文章的基礎傻姑娘進行修改和改進,完成了我想要的功能,真的很不錯  回復  更多評論
            
          # re: Grails結合Uploadify上傳文件的簡單代碼 2014-03-28 10:29 | rox
          @陳麗
          謬夸了,只要能幫助到大家就好。  回復  更多評論
            

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


          網站導航:
           
          主站蜘蛛池模板: 历史| 鸡泽县| 梨树县| 襄汾县| 岑巩县| 濉溪县| 肥东县| 蒲城县| 通许县| 屏东县| 永兴县| 石渠县| 三门县| 上林县| 庄河市| 金寨县| 洞口县| 布拖县| 保康县| 定襄县| 合作市| 广德县| 阜康市| 郧西县| 石狮市| 五峰| 合作市| 东平县| 大安市| 栖霞市| 紫金县| 鞍山市| 武宣县| 明星| 深圳市| 武邑县| 仲巴县| 高尔夫| 榆社县| 临海市| 甘孜县|