{"id":5221,"date":"2018-10-07T12:16:47","date_gmt":"2018-10-07T04:16:47","guid":{"rendered":"https:\/\/lttt.vanabel.cn\/?p=5221"},"modified":"2018-10-07T12:16:47","modified_gmt":"2018-10-07T04:16:47","slug":"shiyongchromebofangbendiswfwenjian","status":"publish","type":"post","link":"https:\/\/lttt.vanabel.cn\/?p=5221","title":{"rendered":"\u4f7f\u7528Chrome\u64ad\u653e\u672c\u5730SWF\u6587\u4ef6"},"content":{"rendered":"<p>\u4e24\u4e2a\u7248\u672c, \u4e00\u4e2a\u662f\u9009\u62e9\u6587\u4ef6, \u4e00\u4e2a\u662f\u76f4\u63a5\u62d6\u62fd\u3002 \u5f53\u7136\u4e5f\u6709\u5408\u5e76\u5230\u4e00\u8d77\u7684\u529e\u6cd5, \u53c2\u8003<a href=\"https:\/\/css-tricks.com\/examples\/DragAndDropFileUploading\/\" rel=\"noopener\" target=\"_blank\">\u8fd9\u91cc<\/a>\u3002\u76f4\u63a5\u5c06\u4e0b\u5217\u6587\u4ef6\u653e\u5230\u548cflash\u540c\u4e00\u76ee\u5f55\u7136\u540e\u7528\u6d4f\u89c8\u5668\u6253\u5f00\u5e76\u5c06swf\u4e0a\u4f20\u6216\u8005\u62d6\u62fd\u5230\u6539\u7f51\u9875\u5373\u53ef\u3002<\/p>\n<h4>\u70b9\u51fb\u4e0a\u4f20\u7248<\/h4>\n<pre class=\"lang:default decode:true \" title=\"\u4e0a\u4f20\u7248\" >&lt;!DOCTYPE&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;SWF player&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;style&gt;\n#container{\n  display: flex;\n  min-height:100%;\n  flex-direction:column;\n  align-items:stretch;\n}\n#file {\n  padding-bottom: 1em;\n  border-bottom: double 6px #ccc;\n  margin-bottom: 1em;\n}\n#file input {\n  font-size: 30px;\n}\n  &lt;\/style&gt;\n  &lt;body&gt;\n    &lt;div id=\"container\"&gt;\n      &lt;div id=\"file\"&gt;\n        &lt;input type=\"file\" id=\"swfinput\" onchange=\"showSWF(this.files);\"&gt;\n      &lt;\/div&gt;\n      &lt;div class=\"swf\"&gt;\n        &lt;object&gt;\n          &lt;embed  id=\"swfobj\" src=\"\" width=\"100%\"&gt;\n        &lt;\/object&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/body&gt;\n  &lt;script&gt;\nfunction showSWF(files){\n  var numFiles=files.length;\n  for (var i=0; i&lt;numFiles; i++){\n    var file=files[i];\n    \/\/console.log(file.name, file.size, file.type);\n    var source=file.name;\n    var swfobj=document.getElementById(\"swfobj\");\n    var inputh=document.getElementById(\"file\").offsetHeight;\n    var containerh=document.getElementById(\"container\").offsetHeight;\n    var swfh=containerh-inputh;\n    var clone=swfobj.cloneNode(true);\n    clone.setAttribute('src', source);\n    clone.setAttribute('height', swfh);\n    swfobj.parentNode.replaceChild(clone, swfobj);\n    \/\/console.log(swfh, containerh);\n  }\n}\n  &lt;\/script&gt;\n&lt;\/html&gt;<\/pre>\n<p><!--more--><\/p>\n<h4>\u62d6\u62fd\u7248<\/h4>\n<pre class=\"lang:xhtml decode:true \" title=\"\u62d6\u62fd\u7248\" >&lt;!DOCTYPE&gt;\n&lt;html&gt;\n  &lt;head&gt;\n    &lt;title&gt;SWF player&lt;\/title&gt;\n  &lt;\/head&gt;\n  &lt;style&gt;\n#container{\n  display: flex;\n  min-height:100%;\n  flex-direction:column;\n  align-items:stretch;\n}\n#file {\n  padding-bottom: 1em;\n  border-bottom: double 6px #ccc;\n  margin-bottom: 1em;\n  height:45px;\n  text-align: center;\n  line-height: 45px;\n  background: #eef;\n  border: dashed 3px #eec;\n}\n#file input {\n  font-size: 30px;\n}\n  &lt;\/style&gt;\n  &lt;body&gt;\n    &lt;div id=\"container\"&gt;\n      &lt;div id=\"file\"&gt;\n        Drag file to here...\n      &lt;\/div&gt;\n      &lt;div class=\"swf\"&gt;\n        &lt;object&gt;\n          &lt;embed  id=\"swfobj\" src=\"\" width=\"100%\"&gt;\n        &lt;\/object&gt;\n      &lt;\/div&gt;\n    &lt;\/div&gt;\n  &lt;\/body&gt;\n  &lt;script&gt;\nvar dropbox;\n\ndropbox = document.getElementById(\"file\");\ndropbox.addEventListener(\"dragenter\", dragenter, false);\ndropbox.addEventListener(\"dragover\", dragover, false);\ndropbox.addEventListener(\"drop\", showSWF, false);\nfunction dragenter(e){\n  e.stopPropagation();\n  e.preventDefault();\n}\nfunction dragover(e){\n  e.stopPropagation();\n  e.preventDefault();\n}\n\nfunction showSWF(e){\n  e.stopPropagation();\n  e.preventDefault();\n\n  var dt=e.dataTransfer;\n  var files=dt.files;\n  var numFiles=files.length;\n  for (var i=0; i&lt;numFiles; i++){\n    var file=files[i];\n    console.log(file.name, file.size, file.type);\n    var source=file.name;\n    var swfobj=document.getElementById(\"swfobj\");\n    var inputh=document.getElementById(\"file\").offsetHeight;\n    var containerh=document.getElementById(\"container\").offsetHeight;\n    var swfh=containerh-inputh;\n    var clone=swfobj.cloneNode(true);\n    clone.setAttribute('src', source);\n    clone.setAttribute('height', swfh);\n    swfobj.parentNode.replaceChild(clone, swfobj);\n    \/\/console.log(swfh, containerh);\n  }\n}\n  &lt;\/script&gt;\n&lt;\/html&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u4e24\u4e2a\u7248\u672c, \u4e00\u4e2a\u662f\u9009\u62e9\u6587\u4ef6, \u4e00\u4e2a\u662f\u76f4\u63a5\u62d6\u62fd\u3002 \u5f53\u7136\u4e5f\u6709\u5408\u5e76\u5230\u4e00\u8d77\u7684\u529e\u6cd5, \u53c2\u8003 &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/lttt.vanabel.cn\/?p=5221\"> <span class=\"screen-reader-text\">\u4f7f\u7528Chrome\u64ad\u653e\u672c\u5730SWF\u6587\u4ef6<\/span> \u9605\u8bfb\u66f4\u591a &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[867,868,869,753],"class_list":["post-5221","post","type-post","status-publish","format-standard","hentry","category-net","tag-html","tag-swf","tag-bofang","tag-753"],"_links":{"self":[{"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=\/wp\/v2\/posts\/5221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5221"}],"version-history":[{"count":2,"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=\/wp\/v2\/posts\/5221\/revisions"}],"predecessor-version":[{"id":5223,"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=\/wp\/v2\/posts\/5221\/revisions\/5223"}],"wp:attachment":[{"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lttt.vanabel.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}