{"id":256,"date":"2009-09-25T21:52:57","date_gmt":"2009-09-25T21:52:57","guid":{"rendered":""},"modified":"2009-09-25T21:52:57","modified_gmt":"2009-09-25T21:52:57","slug":"256","status":"publish","type":"post","link":"https:\/\/www.poloo.org\/?p=256","title":{"rendered":"JS+AS\u5b9e\u73b0\u771f\u6b63\u9875\u9762\u52a0\u8f7d\u56fe\u7247\u8fdb\u5ea6\u6761(\u5e26\u767e\u5206\u6bd4)"},"content":{"rendered":"

\u524d\u56e0:\u7531\u4e8e\u7528\u6237\u8981\u6c42,\u8bf4\u56fe\u7247\u592a\u5927\u4e86,\u6bcf\u6b21\u52a0\u8f7d\u8981\u7b49\u534a\u5929,\u8981\u505a\u4e2a\u52a0\u8f7d\u6761,\u4f46\u662f\u7f51\u4e0a\u627e\u4e86\u5f88\u591a\u90fd\u4e0d\u662f\u5f88\u7406\u60f3,\u90fd\u662f\u653e\u4e2aGIF\u56fe\u7247\u5728\u90a3,\u6ca1\u80fd\u5b9e\u73b0\u771f\u6b63\u7684\u52a0\u8f7d,\u627e\u4e0d\u5230\u5c31\u53ea\u80fd\u81ea\u5df1\u52a8\u624b\u4e30\u8863\u8db3\u98df\u4e86.
\u5f00\u59cb\u4e86\u89e3\u5230\u901a\u8fc7\u5355\u7eaf\u7684JS\u4e0d\u80fd\u5b9e\u73b0,\u56e0\u4e3a\u8bfb\u53d6\u4e0d\u5230\u56fe\u7247\u6240\u52a0\u8f7d\u7684\u8fdb\u5ea6,\u4e8e\u662f\u60f3\u4e86\u4e00\u4e0b,\u7531\u4e8e\u4ee5\u524d\u672c\u4eba\u641e\u8fc7FLASH,\u4e8e\u662f\u60f3\u5230\u4e86actionscript ,AS\u662f\u53ef\u4ee5\u8bfb\u56fe\u7247\u8fdb\u5ea6\u7684,MovieClipLoader\u7c7b \u5c31\u53ef\u4ee5\u529e\u5230,\u800cAS\u53c8\u53ef\u4ee5\u8ddfJS\u4ea4\u4e92,FLASH8\u51fa\u4e86\u4e2a\u8ddfJS\u4ea4\u4e92\u7684\u7c7bexternal.ExternalInterface,\u6211\u7684\u505a\u6cd5\u662f\u7528AS\u6765\u52a0\u8f7d\u56fe\u7247,\u56e0\u4e3a\u52a0\u8f7d\u5b8c\u540e\u7f13\u5b58\u91cc\u6709\u4e86\u56fe\u7247,\u8fd9\u6837\u518d\u901a\u8fc7JS\u8bbe\u7f6e\u4e0b<img>\u7684scr\u503c\u56fe\u7247\u5c31\u53ef\u4ee5\u79d2\u51fa\u6765\u4e86,\u8fd9\u6837\u63a5\u53e3\u5c31\u901a\u4e86,\u601d\u8def\u6709\u4e86,\u5f00\u59cb\u5b9e\u73b0\u5427 \u5475\u5475
\u9996\u5148\u662fAS\u4ee3\u7801,\u5148\u5efa\u4e00\u4e2a\u540d\u4e3a”AS”\u7684\u6587\u4ef6\u5939\u4e13\u95e8\u653eAS\u4ee3\u7801\u7684,\u5728AS\u6587\u4ef6\u5939\u4e2d\u5efa\u4e00\u4e2a\u56fe\u7247\u52a0\u8f7d\u7684\u7c7b\u547d\u4e3aloadPic.as,
\u7c7b\u7684\u63a5\u53e3\u53c2\u6570\u4e3aob:MovieClip \u6240\u88c5\u5728\u56fe\u7247\u7684\u5f71\u7247\u526a\u8f91, uri:String\u6240\u52a0\u8f7d\u7684\u56fe\u7247\u8def\u5f84,func:Function\u52a0\u8f7d\u56fe\u7247\u5b8c\u6bd5\u540e\u7684\u56de\u8c03\u51fd\u6570(\u5230\u65f6\u7528\u6765\u8c03JS\u7684),loadIng:Function\u51fd\u6570\u4e3a\u5b9e\u65f6\u63a7\u5236\u9875\u9762\u4e0a\u52a0\u8f7d\u6761\u7684,\u8fd4\u56de\u7684\u503c\u4e3a\u6240\u52a0\u8f7d\u7684\u56fe\u7247\u8fdb\u5ea6
\u4ee3\u7801\u5982\u4e0b \u590d\u5236\u5185\u5bb9\u5230\u526a\u8d34\u677f

class as.loadPic
{
     public function loadPic(ob:MovieClip, uri:String, func:Function,loadIng:Function){
         if(ob && uri) {
             var mcldr = new MovieClipLoader();
             var ldrob = new Object();
             var loadnum:Number;
             ldrob.onLoadStart = function(tmc) {
                 \/\/var loadProgress = mcldr.getProgress(tmc);
             }
             ldrob.onLoadProgress = function(tmc, loadedBytes, totalBytes) {
                 loadnum=int(loadedBytes\/totalBytes*100);
                 loadIng(loadnum);
             }
             ldrob.onLoadComplete = function(tmc) {
                 \/\/var loadProgress = mcldr.getProgress(tmc);
             }
             ldrob.onLoadInit = function(tmc) {
                 if(func && typeof func == \"function\") {
                     func(tmc);
                 }
             }
             ldrob.onLoadError = function(tmc, errc){
             }
             mcldr.addListener(ldrob);
             mcldr.loadClip(uri, ob);
         }        
     }
}
<\/code>
\u56fe\u7247\u52a0\u8f7d\u7c7b\u5efa\u597d\u4e86,\u63a5\u4e0b\u6765\u662f\u573a\u666f\u91cc\u7684\u8bbe\u7f6e\u4e86 \u5efa\u4e00\u4e2a\u540d\u4e3amain.as \u7684\u6587\u4ef6 \u5199\u573a\u666f\u914d\u7f6e\u4ee3\u7801\u7684
loadPicture\u51fd\u6570\u6709\u4e24\u4e2a\u53c2\u6570,loadUrl\u4e3aJS\u4f20\u8fdb\u6765\u7684\u56fe\u7247\u7684\u8def\u5f84,picDiv\u4e3aJS\u4f20\u8fdb\u6765\u7684\u9875\u9762\u4e0a\u6240\u88c5\u8f7d\u56fe\u7247\u7684DIV
\u5173\u4e8eexternal.ExternalInterface\u7c7b\u7684\u7528\u6cd5\u53ef\u4ee5\u770b\u4e0b\u5e2e\u52a9,\u8fd9\u91cc\u5c31\u4e0d\u591a\u8bf4\u4e86,\u5176\u5b9e\u5c31\u662f\u8c03\u7528\u4e86\u5916\u90e8\u4e24\u4e2aJS\u51fd\u6570picCallBack\u8ddfloadElement \u524d\u8005\u4e3a\u52a0\u8f7d\u5b8c\u6bd5\u540e\u6240\u6267\u884c\u7684JS\u51fd\u6570 \u540e\u8005\u4e3a\u52a0\u8f7d\u65f6\u63a7\u5236\u8fdb\u5ea6\u6761\u7684\u51fd\u6570
\u4ee3\u7801\u5982\u4e0b: \u590d\u5236\u5185\u5bb9\u5230\u526a\u8d34\u677f

import flash.external.ExternalInterface;\/\/\u5bfc\u5165JS\u4ea4\u4e92\u7c7b
import as.loadPic;\/\/\u88c5\u8f7d\u52a0\u8f7d\u7c7b
function loadPicture(loadUrl,picDiv){
     var randomNum=random(1000000000);\/\/\u5b9a\u4e49ID\u968f\u673a\u6570
     _root.createEmptyMovieClip(\"loadMc\"+randomNum, _root.getNextHighestDepth());
     new loadPic(_root[\"loadMc\"+randomNum],loadUrl,function(ob){
             \/\/\u52a0\u8f7d\u5b8c\u6bd5\u89e6\u53d1JS\u56de\u8c03\u51fd\u6570
             new ExternalInterface.call(\"picCallBack\", loadUrl,picDiv,ob._width,ob._height);
         },function(loadN){
             \/\/\u5b9e\u65f6\u89e6\u53d1JS\u52a0\u8f7d\u6761\u63a7\u5236\u51fd\u6570
             new ExternalInterface.call(\"loadElement\",picDiv,loadN);
         }
     )
}
ExternalInterface.addCallback(\"forjs\",null,loadPicture);
<\/code>
———————————\u534e\u4e3d\u7684\u5206\u5272\u7ebf—————————————–
AS\u8bbe\u7f6e\u5b8c\u6bd5\u4e86 \u63a5\u4e0b\u6765\u662fJS\u4ee3\u7801\u4e86,\u56e0\u4e3a\u8fd9\u6bb5\u65f6\u95f4\u5728\u82e6\u5b66JS\u7684Jquery\u7c7b\u5e93,\u6240\u4ee5\u5927\u591a\u6570\u7684\u8bed\u6cd5\u662f\u7528JQ\u8bed\u6cd5\u5199\u7684
\u9996\u5148\u5bfc\u8fdb\u4e24\u4e2aJS\u5e93
<script language=”javascript” type=”text\/javascript” src=”js\/flashobject.js”><\/script>
<script language=”javascript” type=”text\/javascript” src=”js\/jquery.js”><\/script>
flashobject.js\u662f\u7528\u6765\u63d2\u5165SWF\u7684
jquery.js\u4e3ajquery\u7c7b\u5e93
\u56e0\u4e3aSWF\u662f\u6ca1\u5fc5\u8981\u8ba9\u522b\u4eba\u770b\u89c1\u7684,\u53ea\u662f\u505a\u4e3a\u63a7\u5236JS\u7684\u4e00\u4e2a\u89e6\u53d1\u5668, \u6240\u4ee5\u6211\u8bbe\u7f6e\u5927\u5c0f\u4e3a1*1\u8c61\u7d20
JS\u6211\u5b9a\u4e49\u4e86loadImg   ,loadSwf , loadElement,   picCallBack\u56db\u4e2a\u51fd\u6570
loadImg\u662f\u7528\u6765\u63a7\u5236SWF\u52a0\u8f7d\u56fe\u7247\u7684 \u7528\u65f6\u5019\u76f4\u63a5\u7528\u8fd9\u4e2a\u51fd\u6570\u4e8b\u4ef6\u5c31\u597d\u4e86
loadSwf \u662f\u52a0\u8f7dSWF\u7684\u51fd\u6570
loadElement \u4e3a\u63a7\u5236\u8fdb\u5ea6\u6761\u7684\u51fd\u6570
picCallBack\u4e3a\u56fe\u7247\u52a0\u8f7d\u5b8c\u6bd5\u540e \u6240\u6267\u884c\u7684\u56de\u8c03\u51fd\u6570 \u53c2\u6570\u6211\u5728\u4ee3\u7801\u91cc\u90fd\u4e00\u4e00\u505a\u4e86\u8bf4\u660e\u4e86
\u9875\u9762\u4ee3\u7801\u5982\u4e0b: \u590d\u5236\u5185\u5bb9\u5230\u526a\u8d34\u677f

<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd<\/a>\">
<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml<\/a>\">
<head>
<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=gb2312\" \/>
<title>\u52a0\u8f7d\u56fe\u7247\u8fdb\u5ea6\u6761<\/title>
<script language=\"javascript\" type=\"text\/javascript\" src=\"js\/flashobject.js\"><\/script>
<script language=\"javascript\" type=\"text\/javascript\" src=\"js\/jquery.js\"><\/script>
<script type=\"text\/javascript\" language=\"JavaScript\">
\/\/\u5b9a\u4e49LOAD\u6837\u5f0f loadBg\u4e3a\u80cc\u666fDIV loading\u4e3a\u52a0\u8f7d\u6761DIV loadText\u4e3a\u767e\u5206\u6bd4DIV
var loadStr=\"<div id='loadBg' style='width:200px;height:10px;background-color:#dddddd;font-size:0px'><div id='loading' style='height:10px;background-color:#ff0000;font-size:0px;width:0px'><\/div><\/div><div id='loadTxt'><\/div>\";
$(document).ready(function(){
     loadSwf(1,1);\/\/\u52a0\u5728SWF\u89e6\u53d1\u5668
     \/\/\u7ed1\u5b9a\u52a0\u8f7d\u6309\u94ae
     $(\"#loadBtn_1\").click(function(){
         $(\"#urlText_1\").val()!=\"\"?loadImg($(\"#urlText_1\").val(),\"picDiv_1\"):alert(\"\u8def\u5f84\u4e0d\u80fd\u4e3a\u7a7a\");
     })
     $(\"#loadBtn_2\").click(function(){
         $(\"#urlText_2\").val()!=\"\"?loadImg($(\"#urlText_2\").val(),\"picDiv_2\"):alert(\"\u8def\u5f84\u4e0d\u80fd\u4e3a\u7a7a\");
     })
})
\/\/\u52a0\u8f7d\u56fe\u7247\u4e8b\u4ef6
\/\/\u53c2\u6570\u8bf4\u660e:url-\u56fe\u7247\u8def\u5f84,picDiv-\u88c5\u8f7d\u56fe\u7247\u7684DIV\u7684ID
\/\/\u7528\u6cd5--------loadImg('http:\/\/www.aaa.com\/pic.jpg<\/a>','picDiv')
function loadImg(url,picDiv){
$(\"#\"+picDiv).html(loadStr);
     if (navigator.appName.indexOf(\"Microsoft\") != -1) {
       window[\"swfId\"].forjs(url,picDiv);
}
else {
       document[\"swfId\"].forjs(url,picDiv);
}
}
\/\/\u52a0\u8f7dSWF\u4e8b\u4ef6
function loadSwf(rootWidth,rootHeight){
     var fo = new FlashObject(\"loadSwf.swf\", \"swfId\", rootWidth, rootHeight, \"8\", \"\");
     fo.addParam(\"quality\", \"high\");
     fo.addParam(\"salign\", \"t\");
     fo.addParam(\"scale\", \"noscale\");
     fo.addParam(\"loop\", \"false\");
     fo.write(\"flashcontent\");
}
\/\/\u8fdb\u5ea6\u6761\u5b9e\u65f6\u63a7\u5236\u51fd\u6570\u4e8b\u4ef6
function loadElement(picDiv,n){
     $(\"#\"+picDiv+\" #loading\").width(n+\"%\");
     $(\"#\"+picDiv+\" #loadTxt\").html(n+\"%\");
}
\/\/\u52a0\u8f7d\u5b8c\u6bd5\u540e\u56de\u8c03\u51fd\u6570----\u56de\u8c03\u53c2\u6570\u8bf4\u660e:url-\u4f20\u56de\u56fe\u7247\u5730\u5740\u503c,picDiv-\u4f20\u56de\u6240\u52a0\u8f7d\u56fe\u7247DIV\u7684ID,w-\u4f20\u56de\u7684\u56fe\u7247\u539f\u59cb\u5bbd\u5ea6,h-\u4f20\u56de\u7684\u56fe\u7247\u539f\u59cb\u9ad8\u5ea6
function picCallBack(url,picDiv,w,h){
     $(\"#\"+picDiv).html(\"\u3000\u3000\u56fe\u7247\u9ad8\u5bbd\u8c61\u7d20\u4e3a:\"+w+\"*\"+h+\"<img src='\"+url+\"' alt=''\/>\").hide().fadeIn(1000);
}
<\/script>
<\/head>
<body style=\"background-color: #ffffff;font-size:12px;\">
<div id=\"flashcontent\"><\/div>
<div>
     \u56fe\u7247\u8def\u5f841:<input type=\"text\" style=\"width:400px;\" id=\"urlText_1\"\/>
     <input type=\"button\" value=\"\u52a0\u8f7d\u56fe\u7247\" id=\"loadBtn_1\"\/>
<\/div>
<div id=\"picDiv_1\"><\/div>
<div>
     \u56fe\u7247\u8def\u5f842:<input type=\"text\" style=\"width:400px;\" id=\"urlText_2\"\/>
     <input type=\"button\" value=\"\u52a0\u8f7d\u56fe\u7247\" id=\"loadBtn_2\"\/>
<\/div>
<div id=\"picDiv_2\"><\/div>
<\/body>
<\/html>
<\/code>
\u8fd9\u6837,\u4e00\u4e2a\u9875\u9762\u56fe\u7247\u52a0\u8f7d\u8fdb\u5ea6\u6761\u5c31\u5b8c\u6210\u4e86<\/p>\n","protected":false},"excerpt":{"rendered":"

\u524d\u56e0:\u7531\u4e8e\u7528\u6237\u8981\u6c42,\u8bf4\u56fe\u7247\u592a\u5927\u4e86,\u6bcf\u6b21\u52a0\u8f7d\u8981\u7b49\u534a\u5929,\u8981\u505a\u4e2a\u52a0\u8f7d\u6761,\u4f46...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-256","post","type-post","status-publish","format-standard","hentry","category-Dream"],"_links":{"self":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=256"}],"version-history":[{"count":0,"href":"https:\/\/www.poloo.org\/index.php?rest_route=\/wp\/v2\/posts\/256\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.poloo.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}