Wordpress 上传图片并在表格中显示 [关闭]答案

【问题标题】：Wordpress upload image and display in table [closed]Wordpress 上传图片并在表格中显示 [关闭]
【发布时间】：2014-10-05 14:35:04
【问题描述】：

在自定义管理页面（即来自插件的子菜单）上，我希望能够上传图像，然后在这样的表格上显示该图像（或其缩略图）：

（表格可以在另一个自定义管理页面或同一页面上，但我认为表格在哪个页面上并不重要）

Column 1 (image)   |    Column 2 (text)
----------------------------------------
[uploaded image]   | [text]
----------------------------------------
Column 1 (image)   |    Column 2 (text)
----------------------------------------

我该怎么做？

【问题讨论】：

我需要更多详细信息。您的意思是在 WordPress 中上传文件并显示它吗？或者网站上的用户可以上传文件，然后显示；如果是服务器或客户端上的文件，它是存储在服务器数据库还是本地存储中？最后你个人尝试了什么？
对于我想要实现的目标，只有管理员可以上传图片，并且只能从插件的自定义管理页面上传。此外，该表仅对管理员可见。该表也出现在插件的自定义管理页面上。稍后我想在帖子中向公众展示这些表格，但这是另一个主题。表中显示的所有信息都应该来自数据库，所以也许我可以把上传图片的 URL 放在那里，我不确定。到目前为止，我已经对 wp_handle_upload() 进行了一些尝试，但我无法让它工作。
对于数据库，将文件上传到服务器上的存储库，并将文件位置作为数据库中的字符串。当您访问该表时，您只需获取文件的字符串位置并将其用于img 标记的src。
这听起来不错，但不仅如此，我不知道如何实现的是在自定义管理页面上有一个“上传图片”按钮，这将帮助我上传该文件。基本上，当管理员按下此按钮时，他应该能够从计算机中选择图像或从已上传的图像中选择图像，然后将图像的 URL 保存在数据库中。在此之后，我想我可以通过从数据库调用 URL 来在表格中显示图像。也许如果我能看到它的一个例子，它会启发我。

标签： javascript php jquery wordpress

【解决方案1】：

上传一个文件，用户可以从中选择他们想要上传的文件，因为文件上传是 HTML5 的一项功能，所以很容易做到。我们可以让<input> 元素的类型为file：

<input type="file" name="imageFile"  />

例如，一个表单看起来像这样：

<form action="upload.php" method="POST">
    <!-- Note that 200000 is bytes -->
    <input type="hidden" name="MAX_FILE_SIZE" value="200000" enctype="multipart/form-data" />
    <label>Files to upload:</label>
    <input type="file" name="imageFile"  />
    <br />
    <button type="submit">Upload</button>

</form>

Here is a fiddle example.

对于数据库，我们只需将POST["imageFile"] 保存为数据库中的字符串。我正在使用 PHP，Wordpress 也使用 PHP。有关如何将上传的文件存储到服务器目录here 上的文件夹的信息是来自 php.net 的有关如何执行此操作的信息。请注意，文件信息在 PHP 中的 $_FILES 内。

要将文件上传到您调用move_uploaded_file().的服务器上的目录

【讨论】：

非常感谢。这是一个非常简单的解决方案。我在尝试使用各种 Wordpress 功能时感到头疼。