**使用plupload創建上傳圖片的頁面** 先建立一個plupload上傳圖片的頁面，以下代碼是關鍵部分。 ```html ……省略部分代碼…… <div id="uploadContainer"> <input type="button" value="選擇文件" id="btnBrowse"/> <input type="button" value="上傳文件" id="btnUpload"> <ul id="fileList"></ul> </div> ……省略部分代碼…… <!--引入jquery、plupload.js--> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="plupload/plupload.full.min.js"></script> <script type="text/javascript"> $(function(){ //獲取dom節點 var $uploadContainer = $('#uploadContainer'), $fileList = $('#fileList'), $btnUpload = $('#btnUpload'); //實例化一個上傳對象 var uploader = new plupload.Uploader({ browse_button: 'btnBrowse', url: 'upload.ashx', flash_swf_url: 'plupload/Moxie.swf', sliverlight_xap_url: 'plupload/Moxie.xap', filters: { mime_types: [ //只允許上傳圖片文件 （注意，extensions中，逗號后面不要加空格） { title: "圖片文件", extensions: "jpg,gif,png,bmp" } ] } }); //存儲所有圖片的url地址 var urls = []; //初始化 uploader.init(); //綁定文件添加到隊列的事件 uploader.bind('FilesAdded', function (uploader, files) { //顯示添加進來的文件名 $.each(files, function(key, value){ var fileName = value.name, html = '<li>' + fileName + '</li>'; $fileList.append(html); }); }); //單個文件上傳之后 uploader.bind('FileUploaded', function (uploader, file, responseObject) { //注意，要從服務器返回圖片的url地址，否則上傳的圖片無法顯示在編輯器中 var url = responseObject.response; //先將url地址存儲來，待所有圖片都上傳完了，再統一處理 urls.push(url); }); //全部文件上傳時候 uploader.bind('UploadComplete', function (uploader, files) { // 用 try catch 兼容IE低版本的異常情況 try { //打印出所有圖片的url地址 $.each(urls, function (key, value) { console.log(value); }); } catch (ex) { // 此處可不寫代碼 } finally { //清空url數組 urls = []; //清空顯示列表 $fileList.html(''); } }); //上傳事件 $btnUpload.click(function(){ uploader.start(); }); }); </script> ``` 要保證這個圖片能正常上傳圖片文件！