解决办法是通过一个隐藏的iframe来处理上传操作我采用的是ReactJS,amazeui,nodejs
1.html target指向iframe的name,就是把上传后的操作交给iframe来处理.
2.JS处理当文件选择后提交form
3.nodejs服务器处理,因为处理页面是nodejs服务器域,iframe中存在跨域的问题,所以需要用到H5的postMessage方法来传递参数给iframe外面的表单页面
var fname = req.files.fileUp.path.replace("publicfiles", "").replace("public/files/", ""); res.writeHead(200, {'Content-type' : 'text/html'}); res.write('
4.JS处理上传结果
以上所述是小编给大家介绍的通过隐藏iframe实现无刷新上传文件操作,希望对大家有所帮助!
下载本文