iframe无刷新上传,firefox不执行onsubmit-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

iframe无刷新上传,firefox不执行onsubmit

2016-07-18 10:05:58 2026 1
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
  <title>
  
</title>
  <meta charset="UTF-8">
<style type="text/css">
iframe,input,button,li{
height:30px;
}
  
</style>
</head>
<body>
 
  
  
  
<div id='attachment' >   </div>
<ul  id="toolsbar">
 <li id="uploadFile">
   <div  >
     <iframe src="upload/frame.html" frameborder="1"  id="uploadfileFrame"   scrolling="no"></iframe>
  </div>
 </li>  
</ul>
 
<hr>
 
<input  id='msg' />
<button id='send' > SEND </button>
 
 
 
<script type="text/javascript">
 
function $(id){
 
return document.getElementById(id);
 
}
 
var Uploader={
    hasFileReady:false,
    uploadMsg:'',
    filename:'xx.jpg',
 
 
    fireUpload: function(event) {
         
            var fileframe = $("uploadfileFrame").contentWindow.document.getElementById("Button1");
 
            fileframe.click();
       
     
    },
 
 
    startUpload: function(filename) {
        
 
          $("toolsbar").style.display = "none";
 
          $("attachment").innerHTML+="<li><b>"+filename+" </b> X</li> "
 
}
 
};
 
document.getElementById('send').addEventListener('click',function(){
 
Uploader.fireUpload();
 
})
 
 
</script>
</body>
</html>

upload/frame.html


<html>
<head>
 
<script type="text/javascript">
 
 
function fileChange(input){
  
     parent.Uploader.startUpload(input.files[0].name);
      
}
function CheckUpload(){
  
    alert('CheckUpload reutrn true;');
  
    return true;
  
     
}
function checkSubmit(){
    alert('checkSubmit return true');
  
  
    return true;
}
</script>
 
</head>
<body>
 
<form action="/upload.php" method="post"  onsubmit="return  checkSubmit();" 
enctype="multipart/form-data">
  
<input type="file" name="file" id="file"  onchange="fileChange(this);" /> 
<br />
<input type="submit" name="submit" id="Button1" value="Submit"  onclick= "return CheckUpload();" />
</form>
 
</body>
</html>

upload.php

<?php
 
print_r($_FILES);
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:57:30

    直接获取iframe里面的form执行submit,别用button的click试试。

    0 0
相关问答

1

回答

oracle 并发执行 for update 语句遇到阻塞问题

2020-04-25 15:04:01 1929浏览量 回答数 1

2

回答

云服务器 ECS Liunx sftp上传报错:failed to open a secure file transfer session

2018-01-09 14:20:22 3976浏览量 回答数 2

1

回答

在linux服务器上如何用curl或wget来下载oracle数据库

2016-10-21 13:32:03 4244浏览量 回答数 1

2

回答

在linux服务器上如何用curl或wget来下载oracle数据库

2016-10-21 13:04:16 3155浏览量 回答数 2

1

回答

Firefox连接管理终端后无法输入命令

2016-04-07 18:04:13 4451浏览量 回答数 1

2

回答

宣赏RMB100块在Linux系统上安装OSS C-SDK

2016-04-05 13:57:12 4320浏览量 回答数 2

0

回答

现在阿里云ECS可以实现安装oracle rac集群环境吗?

2015-12-24 20:25:17 9307浏览量 回答数 0

4

回答

ECS上能做Oracle的RAC集群吗?

2014-11-13 12:56:11 8777浏览量 回答数 4

3

回答

关于ecs上运行oracle的分享

2014-02-25 23:00:31 6056浏览量 回答数 3

2

回答

为何我已经域名指向我的云服务器ECS的IP,却仍然解析不了?

2014-02-07 06:47:07 7820浏览量 回答数 2
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载