主页 / 问题 / 764654
Accepted
cheerful_weasel
Asked:2020-12-29 03:51:41 +0000 UTC2020-12-29 03:51:41 +0000 UTC

dropzone js插件相对于普通输入法有什么优势？

  • 772

我正在尝试找出一种将文件上传到服务器的方法。我也对 php 部分感兴趣，其中 api 将接受带有文件的请求并以 json 格式给出响应。但我似乎理解这部分。

在用户端会有一个 react js 应用程序。现在我需要一个文件上传区域和一个提交按钮。用于提交惩罚后方法的标准 html 表单不适合我，因为我需要再次加载 json 键。

我注意到一些示例使用 dropzone js。但我想知道为什么？<input type="file">为什么在选择文件后使用 where 设置处理程序并仅使用 ajax 将所选文件与 json 一起传递是不可接受的？

但出于某种原因，在某些示例中，dropzone 用于选择文件。是因为有拖放文件的选项吗？或者他可能对文件进行编码？

向新手解释。关于文件传输，我还有很多不明白的地方。好吧，或者也许有一篇很好的文章，其中每个元素（选择一个文件，将其与 json 一起发送到服务器，接受文件并对请求作出响应的 php api）都被单独解析。

reactjs

1 个回答

  1. Best Answer

    我回答你的问题：

    1. 但我想知道为什么是他？

      很简单，因为它是一个相当灵活的库，支持 99% 的程序员需求。

    2. 为什么你不能，比如说，使用<input type="file">, where 来设置一个在选择文件后可以工作的处理程序，并使用 ajax 将选定的文件与 json 一起传递？

      当然可以，但是为什么要创建自行车，dropzone 做的事情完全一样，如果你查看浏览器的检查器，你可以看到 dropzone 生成完全相同的<input type="file">.

    3. 是因为有拖放文件的选项吗？`

      是的，因此也是。

    4. 或者他可能对文件进行编码？

      并非如此，dropzone 将文件包装在 Blob 对象中，以便它们可以作为预览显示在浏览器中。如果您使用react-dropzone，控制通过回调传递给您的应用程序onDrop，您将获得 Blob 对象，您已经可以随意编码。

    关于从客户端上传文件到 API 的文章https://medium.com/technoetics/handling-file-upload-in-reactjs-b9b95068f6b

    php的教程很多，看你有没有用框架，建议你google一下php <вставь имя фреймворка если есть> upload file tutorial

    • 2

相关问题