swf Archives - 小小泪

两个版本, 一个是选择文件, 一个是直接拖拽。当然也有合并到一起的办法, 参考这里。直接将下列文件放到和flash同一目录然后用浏览器打开并将swf上传或者拖拽到改网页即可。

点击上传版

<!DOCTYPE>
<html>
  <head>
    <title>SWF player</title>
  </head>
  <style>
#container{
  display: flex;
  min-height:100%;
  flex-direction:column;
  align-items:stretch;
}
#file {
  padding-bottom: 1em;
  border-bottom: double 6px #ccc;
  margin-bottom: 1em;
}
#file input {
  font-size: 30px;
}
  </style>
  <body>
    <div id="container">
      <div id="file">
        <input type="file" id="swfinput" onchange="showSWF(this.files);">
      </div>
      <div class="swf">
        <object>
          <embed  id="swfobj" src="" width="100%">
        </object>
      </div>
    </div>
  </body>
  <script>
function showSWF(files){
  var numFiles=files.length;
  for (var i=0; i<numFiles; i++){
    var file=files[i];
    //console.log(file.name, file.size, file.type);
    var source=file.name;
    var swfobj=document.getElementById("swfobj");
    var inputh=document.getElementById("file").offsetHeight;
    var containerh=document.getElementById("container").offsetHeight;
    var swfh=containerh-inputh;
    var clone=swfobj.cloneNode(true);
    clone.setAttribute('src', source);
    clone.setAttribute('height', swfh);
    swfobj.parentNode.replaceChild(clone, swfobj);
    //console.log(swfh, containerh);
  }
}
  </script>
</html>

<!DOCTYPE>

<html>

<head>

<title>SWF player</title>

</head>

<style>

#container{

display: flex;

min-height:100%;

flex-direction:column;

align-items:stretch;

}

#file {

padding-bottom: 1em;

border-bottom: double 6px #ccc;

margin-bottom: 1em;

}

#file input {

font-size: 30px;

}

</style>

<body>

</div>

</object>

</div>

</body>

function showSWF(files){

var numFiles=files.length;

for (var i=0; i<numFiles; i++){

var file=files[i];

//console.log(file.name, file.size, file.type);

var source=file.name;

var swfobj=document.getElementById("swfobj");

var inputh=document.getElementById("file").offsetHeight;

var containerh=document.getElementById("container").offsetHeight;

var swfh=containerh-inputh;

var clone=swfobj.cloneNode(true);

clone.setAttribute('src', source);

clone.setAttribute('height', swfh);

swfobj.parentNode.replaceChild(clone, swfobj);

//console.log(swfh, containerh);

}

</script>

</html>

Continue Reading →

一	二	三	四	五	六	日
« 10月
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30