index.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>AvatarUpload</title>
  6. <meta name="description" content="" />
  7. <script src="js/swfobject.js"></script>
  8. <script>
  9. var flashvars = {
  10. js_handler:"jsfun",
  11. swfID:"avatarEdit",
  12. picSize:"5242880",
  13. sourceAvatar:"http://ww1.sinaimg.cn/large/64a97dc7jw1e1xlbtnhhhj.jpg",
  14. avatarLabel:"头像预览,请注意清晰度",
  15. sourceLabel:"保存你的原图吧",
  16. sourcePicAPI:"http://asv5.sinaapp.com/widget/upload.php",
  17. avatarAPI:"http://asv5.sinaapp.com/widget/upload.php",
  18. avatarSize:"120,180|80,120",
  19. avatarSizeLabel:"大尺寸|小尺寸"
  20. };
  21. var params = {
  22. menu: "false",
  23. scale: "noScale",
  24. allowFullscreen: "true",
  25. allowScriptAccess: "always",
  26. bgcolor: "",
  27. wmode: "transparent" // can cause issues with FP settings & webcam
  28. };
  29. var attributes = {
  30. id:"AvatarUpload"
  31. };
  32. swfobject.embedSWF(
  33. "avatarUpload.swf",
  34. "altContent", "100%", "100%", "10.0.0",
  35. "expressInstall.swf",
  36. flashvars, params, attributes);
  37. function jsfun(obj)
  38. {
  39. if(obj.type == "sourcePicSuccess") alert("原图上传成功");
  40. if(obj.type == "sourcePicError") alert("原图上传失败");
  41. if(obj.type == "avatarSuccess") alert("头像上传成功");
  42. if(obj.type == "avatarError") alert("头像上传失败");
  43. //if(obj.type == "init") alert("flash初始化完成");
  44. if(obj.type == "cancel") alert("取消编辑头像");
  45. if(obj.type == "FileSelectCancel") alert("取消选取本机图片");
  46. console.log(obj);
  47. }
  48. </script>
  49. <style>
  50. html, body { height:100%;}
  51. body { margin:0; }
  52. </style>
  53. </head>
  54. <body>
  55. <div style="width:750px;height:550px;margin:40px auto 0; padding:10px;border:solid 1px #EFEFEF;">
  56. <div id="altContent">
  57. <h1>AvatarUpload</h1>
  58. <p><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash player</a></p>
  59. </div>
  60. </div>
  61. </body>
  62. </html>