js拒绝访问,代码如下

Question

<input type="file" id="file" onchange="document.form1.submit()" style="display:none" name="excelFile"/>
<input type="submit" onclick="file.click()" value="浏览"/>
点击浏览按钮之后选择文件,点击确定,然后就js拒绝访问了.
报错的位置是 onchange="document.form1.submit()"

Answer 1

好像不能这样写。

第一个: display:none的元素是不会被提交的（好像是）

第二个:form1是form的id吧，应该是用标准写法document.getElementById('form1').submit();,后面的file.click()也是相同的道理。

第三个：submit()事件不会触发 submit 按钮的file.click()的。同时，点击submit按钮的时候表单就会提交，绑定在submit按钮上的事件是在表单提交后运行的，因此不会达到你预期的目的。

你试试看

<div style="display: none;"><input type="file" id="file" onchange="document.getElementById('form1').submit()" name="excelFile"/></div>
   <input type="button" onclick="document.getElementById('file').click()"  value="浏览" />

Answer 2

<input type="file" name="file" style="display:none"/>
<input type="submit" value="浏览" id="button2" name="button1" onclick="file.click()"/>
吧你的代码改成这个就好了，你可以通过浏览器的开发人员工具看file里面的值，我测试过，是正确的。然后再获取里面的值就好了

Answer 3

file这个input是一个安全级别非常高的组件，是不允许通过脚本调用的，防止脚本访问本地文件