文件跨域上传问题

时间:2022-01-24 04:12:45

文件上传都是坑,这里是跨域上传坑看代码;

<!-- form中的action地址是要上传的地址; -->
<form action="http://www.test.com/testfile" method="POST" enctype="multipart/form-data" target="upload">
<input type="file" id="files" name="pics" accept="image/jpeg,image/gif,image/png">
<!-- input的 accept="image/jpeg,image/gif,image/png" 是为了只上传图片,并且解决了chrome打开慢的问题-->
<input type="submit">
</form>
<!-- 此处的name值为 form中的 target值,一定要保持一致,返回的值会在iframe中 -->
<iframe name="upload" style="display: none;"></iframe>

还有一个大坑,不同主域情况下,没法获取iframe中的内容,可以让后台吧文件链接同时放到另一个接口中,监听iframe的变化,然后ajax获取那个接口;

附上一个参考链接:http://blog.csdn.net/lrz1011/article/details/7913992