fullAvatarEditor富頭像上傳編輯器
阿新 • • 發佈：2019-02-07
new fullAvatarEditor(swfContainerID, [height], [width], flashvars, [callback]);返回值：object，該物件可呼叫call方法，請參見 call方法。引數
| 名稱 | 可選 | 型別 | 概述 |
|---|---|---|---|
| swfContainerID | 否 | string | 用以包裹Flash的HTML元素的ID。 |
| height | 是 | number | Flash的高度，預設為 600。 |
| width | 是 | number | Flash的寬度，預設為 630。 |
| 否 | object | 將要傳遞到 flash 的 key/value 引數，請參見 配置引數。 | |
| 是 | function | flash執行某些操作時的回撥函式，請參見 回撥函式。 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Simple demo</title> <script type="text/javascript" src="/scripts/swfobject.js"></script> <script type="text/javascript" src="/scripts/fullAvatarEditor.js"></script> </head> <body> <div style="width:800px;margin: 0 auto;"> <h1 style="text-align:center">富頭像上傳編輯器演示</h1> <div> <p id="swfContainer"> 本元件需要安裝Flash Player後才可使用，請從 <a href="http://www.adobe.com/go/getflashplayer">這裡</a> 下載安裝。 </p> </div> <button type="button" id="upload">自定義上傳按鈕</button> </div> <script type="text/javascript"> swfobject.addDomLoadEvent(function () { var swf = new fullAvatarEditor("swfContainer", { id: 'swf', upload_url: '/Upload.php', src_url: "/samplePictures/Default.jpg", src_upload:2 }, function (msg) { switch(msg.code) { case 1 : alert("頁面成功載入了元件！");break; case 2 : alert("已成功載入預設指定的圖片到編輯面板。");break; case 3 : if(msg.type == 0) { alert("攝像頭已準備就緒且使用者已允許使用。"); } else if(msg.type == 1) { alert("攝像頭已準備就緒但使用者未允許使用！"); } else { alert("攝像頭被佔用！"); } break; case 5 : if(msg.type == 0) { if(msg.content.sourceUrl) { alert("原圖片已成功儲存至伺服器，url為：\n" + msg.content.sourceUrl); } alert("頭像已成功儲存至伺服器，url為：\n" + msg.content.avatarUrls.join("\n")); } break; } } ); document.getElementById("upload").onclick=function(){ swf.call("upload"); }; }); </script> </body> </html>