文件跨域上传问题

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

<!-- 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

原文地址:https://www.cnblogs.com/lvyueyang/p/7205356.html