文件上传都是坑,这里是跨域上传坑看代码;
<!-- 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