【iframe】iframe实现文件上传原理

最新推荐文章于 2021-08-05 14:59:46 发布

yanhui_wei

最新推荐文章于 2021-08-05 14:59:46 发布

阅读量2.5k

点赞数

这种上传的原理是：将上传页面放到iframe里，也就是src = "页面路径"，提交后，上传处理页面返回一个路径，或者返回一个javascript，例如：上传成功后，返回：<script>parent.document.getElementById('父页面img的ID').src='处理页面输出的路径'</script>
这样就可以了

稍微高级一点的方法，使用jquery的插件jquery.upload.js

调用方法就更简单了
<script type="text/javascript">
$("input@[type='file']").change(function(){
   $(this).upload('upload.asp', function(c) {
  $("#img").show().attr("src",c) ;
    }, 'html');
});

</script>

-----------------------------------------------------------------

web页面如下：<script>
function sendSMS(thisForm)
{
$.ajax({
  url: "uploaded.php", //本例中，url为RobotSms.php
  type: 'POST', //根据实际情况，可以是'POST'或者'GET'
  data: {dopost:"save"},
  dataType:'json',
  error: function(returnval){
alert("error"); }, //错误提示
  success: function(data){
  alert(data);
}
});

return false;
}
</script>

</head>
<body>
    <form id="RobotSms" name="RobotSms" method="post" enctype="multipart/form-data" οnsubmit="return sendSMS(this);">
<input name="pic" type="file" id="litpic" class="litpic" />
<input name="button" type="submit" style="width:80px; height:23px; cursor: pointer; " id="button" value="确  定" />
</form>
</body>
</html>

POST至php脚本后，取不到$_FILES的内容

结论：ajax不能够上传文件的

yanhui_wei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【iframe】iframe实现文件上传原理

这种上传的原理是：将上传页面放到iframe里，也就是src = "页面路径"，提交后，上传处理页面返回一个路径，或者返回一个javascript，例如：上传成功后，返回：parent.document.getElementById('父页面img的ID').src='处理页面输出的路径'这样就可以了稍微高级一点的方法，使用jquery的插件jquery.upload.js调用
复制链接

扫一扫