带有 PHP/MySQL 的 jQuery 文件上传插件 - 显示 HTML 源代码的页面答案

【问题标题】：jQuery File Upload Plugin with PHP/MySQL - page displaying HTML source带有 PHP/MySQL 的 jQuery 文件上传插件 - 显示 HTML 源代码的页面
【发布时间】：2017-03-16 08:25:40
【问题描述】：

这是一个非常奇怪的问题。我正在尝试让插件在 mysql 中保存图像，我正在关注 github wiki。

根据wiki，你添加了一个init函数，所以我在文档头部底部添加了它：

<script>
$('#fileupload').fileupload({
    url: 'server/php/'
}).on('fileuploadsubmit', function (e, data) {
    data.formData = data.context.find(':input').serializeArray();
});
</script>

wiki 提供了一些扩展 php 代码以使其与 mysql 数据库一起使用。我相信您要么将其添加到页面正文中，要么将其添加为包含文件。两种方法我都试过了，没什么区别。

<?php
$options = array(
  'delete_type' => 'POST',
...
...
$upload_handler = new CustomUploadHandler($options);
?>

我逐字复制了 php 文本，只是我更改了要求（'UploadHandler.php'）；到要求（'服务器/php/UploadHandler.php'）；这是我在发行版中找到该文件的位置。

我创建了数据库，没问题。当我访问开发/测试页面时，它显示为 HTML 源代码，就像您正在查看文本文件一样。见：http://www.dottedi.biz/demo/code/public/jquery-file-upload/index-dev.php

查看 php 代码，如果我注释掉最后一行的下一行 ($upload_handler = new CustomUploadHandler($options);)，那么页面会正确显示，但这会破坏功能/目的。我没有看到任何明显的原因导致中断。

【问题讨论】：

标签： jquery file upload jquery-file-upload blueimp

【解决方案1】：

这是由于文档含糊而导致的用户错误。文档中提到使用指定代码来扩展 index.php。不幸的是，它没有指定哪个 index.php，而我的目标是主要的。如果您不修改目录结构，则有文件夹server/php，在该文件夹中还有一个 index.php 文件，还有 UploadHandler.php。引用的扩展代码替换了 server/php/index.php。

如果您想自定义上传文件的大小，请在 UploadFile.php 中进行。如果您想更改上传文件夹，请在 js/main.js 中找到该参数。

要编辑有效的可上传文件类型，请编辑 js/jquery.fileupload-validate.js

我还想出了如何更新主 index.php 和下载模板部分，以便您可以使用一些 javascript 和 ajax 重新编辑标题和描述。工作页面位于：

http://www.dottedi.biz/demo/code/public/jquery-file-upload/index.php

【讨论】：