React中的可访问文件上传(没有拖放,没有jQuery)

时间:2017-05-04 11:59:15

标签: reactjs asynchronous file-upload accessibility

我正在尝试为React找到一个可访问的文件上传方法,它不依赖于jQuery(我没有使用它),但依赖于Fetch(async)。

到目前为止,我发现的所有内容似乎都是拖放类型组件或使用jQuery的$.ajax方法。我觉得必须有一种方法来发送包含其他表单字段的文件。

前端是React和vanilla JavaScript。我有一个自定义API,可以将数据与Fetch异步发送到我的后端。我的后端使用Multer收集表单数据。我的表单随multipart/form-data发送。

我尝试了一些事情,包括在从React发送到我的后端时调整标题,但是只有正文通过(没有文件)或根本没有任何内容。

我可以通过直接发送到我的Express服务器来实现这一点,但我不想在HTML中公开我的API路由,并且我希望避免页面刷新,这将使这个表单在我的应用程序中脱颖而出。我决定不使用jQuery,因为我可以在没有它的情况下做很多事情而且我不想仅为一种方法添加库的权重。

辅助功能是关键(拖放组件通常无法访问,原因很明显)所以我希望在这里使用标准input file元素。

感谢任何人和所有人提前。

0 个答案:

没有答案