2014年6月12日 星期四

JQuery Ajax 檔案上傳


GitHub 上有個 jQuery-File-Upload project 可參考。

1. Demo Site: 
    http://blueimp.github.io/jQuery-File-Upload/

2. Source code:
    Server Side (PHP): https://github.com/blueimp/jQuery-File-Upload
    Server Side (Java):  https://github.com/amilarajans/jQuery-File-Upload-for-java


    Java 版的 Server Side (Servlet) 程式不能直接用,須注意 Server Side的 response 符合 jQuery-File-Upload 定義的資料格式即可,如下 json 格式:
{"files": [  
  {
    "name": "picture1.jpg",
    "size": 902604,
    "url": "http:\/\/example.org\/files\/picture1.jpg",
    "thumbnailUrl": "http:\/\/example.org\/files\/thumbnail\/picture1.jpg",
    "deleteUrl": "http:\/\/example.org\/files\/picture1.jpg",
    "deleteType": "DELETE"
  },
  {
    "name": "picture2.jpg",
    "size": 841946,
    "url": "http:\/\/example.org\/files\/picture2.jpg",
    "thumbnailUrl": "http:\/\/example.org\/files\/thumbnail\/picture2.jpg",
    "deleteUrl": "http:\/\/example.org\/files\/picture2.jpg",
    "deleteType": "DELETE"
  }
]}

沒有留言: