Question

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

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

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

我该怎么做？

Answer 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上传图片并在表格中显示

1 个答案: