使用Dropzone.js和php将上传文件的内容显示到文本字段而不刷新页面

Question

我正在使用dropzone.js来实现文件上传。我用它来制作一个Web编译器。使用php / ajax我想在编辑器文本区域中显示文件的内容，而不将文件保存在服务器中。

我目前的代码段是 -     <form role="form"> <textarea id="editor"> <?php if( isset( $data['source'] ) ) echo $data['source']; ?></textarea> </form>

`    <form class="dropzone dz-clickable" action="upload.php" enctype='multipart/form-data'>
<i class="fa fa-cloud-upload element"></i>
<div style="color:gray;">Drag and drop or click to upload file</div>
<input type="hidden" name="filenameEmail" class="filenameEmail" value="">
<input type="hidden" name="side" value="front">
</form>`

Answer 1

如果提供一些代码，那么有点难以找到适合您需求的解决方案。

一般（并且你只想知道如何做到这一点）但是，我要使用dropzone.js中的 success 事件，它提供服务器响应根据{{​​3}}的第二个参数。

您所做的就是使用 upload.php 从上传的文件中读取数据并将其返回，以便您可以在告知事件中使用它。

最简单的方法（一如既往）使用jQuery来完全控制响应，并将提供的文本/代码/分配给

$('#editor').val();