更新

Question

我正在尝试访问<activity android:name=".Main2Activity" android:label="@string/title_main2_activity"/>以发送到我的后端以便HTMLElementInput.files.path进行处理。我遇到的问题是对象上现在存在cloudinary键。

我一直在阅读MDN Input page，我很确定我没有对标记做任何错误。以下是我用于截取path上的数据的代码：

input

我很难过。如果有人看到我出错的地方，或者有一个 gotcha 与class App extends Component { capture(e) { e.preventDefault(); const image = document.querySelector('input').files[0]; console.log(image); // image.path === undefined } render() { return ( <div className="App"> <div className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h2>Welcome to React</h2> </div> <form onSubmit={e => this.capture(e)}> <div> <label htmlFor="photo_image">Upload an image</label> <input id="photo_image" type="file" accept=".jpg, .jpeg, .png" /> </div> <button type="submit">Submit</button> </form> </div> ); } } export default App;，我不知道我的全部耳朵！

更新

我之前应该留下这些信息，道歉。该项目使用react进行自举。我在开发中以及在生产中提供构建时遇到了这个问题。

create-react-app
create-react-app@1.3.3
react-scripts@1.0.10
node@8.2.1
yarn@0.27.5
macOS@10.12.6

Answer 1

在捕获事件onSubmit时，您缺少事件的括号。将其更改为以下代码并尝试：

<form onSubmit= {(e) => this.capture(e)}>

Answer 2

我仍然处于<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Get Users Name</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> </head> <body> <div class="container" align="center" style="margin-top:20%;"> <h1>Who are You?</h1> <form action="proc.php" method="POST" > <input type="text" name="username" value="" placeholder="Your username here"> <input type="submit" name="submit" value="Enter"> </form> </div> </body> </html>心态，并且从来没有想过MDN告诉我实验浏览器不允许我访问文件的硬路径系统出于安全原因。在Reactiflux中发送给我的这个代码框显示了一种获取我正在寻找的最终目标的方法，非常感谢@BTM：

https://codesandbox.io/s/lNN5pK6M

在文件上载时无法访问路径密钥

更新

2 个答案: