首页 > Web开发 > 详细

上传图片(前端)

时间:2017-08-11 09:19:25      阅读:321      评论:0      收藏:0      [点我收藏+]

问题:

  描述: 前端时间,我用ajaxupload.js写图片上传,出现了后台数据返回不到的情况,后面就用了另外一种方式实现了,主要是因为跨域问题.

解决方案:

  利用iframe框架上传图片

  前端代码:

<form id="img_uploadinp" name="uploadFrom" target=‘tarframe‘  action="{url:/seller/seller_get_photo}" method="post"  enctype="multipart/form-data">
<input class=‘inp-hid‘ type="file" name="upfile" onchange="readFile()" accept="image/gif, image/jpeg" title="选择图片">
<input type="hidden" name="postFileName" :value="upfile"/>
</form>
<iframe src="" width="0" height="0" style="display:none;" name="tarframe"></iframe>

js代码:
function readFile() {
$("#i
mg_uploadinp").submit();//表单提交
};
//此方法后台调用
function stopSend(str) {
//str:就是后台返回的图片的url
}

注意要点:
<iframe>标签必要要,并且name属性值和表单target的值要保持一致;

php代码
  //调用js的stopSend方法stopSendstopSend

  echo "<script>parent.stopSend(‘$name‘)</script>";

 

上传图片(前端)

原文:http://www.cnblogs.com/fangyinghua/p/fangyinghua.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!