Wordpress上传图像并在表格中显示


Wordpress upload image and display in table

在自定义管理页面(即插件的子菜单)上,我希望能够上传一个图像,然后在这样的表上显示该图像(或其thumbnail):

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

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

我该怎么做?

上传文件很容易,用户可以从中选择要上传的文件,因为文件上传是HTML5的一个功能。我们可以有一个类型为file:的<input>元素

<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>

这是一个小提琴的例子

对于数据库,我们只需要将POST["imageFile"]保存为数据库中的字符串。我用的是PHP,Wordpress也用PHP。有关如何将上传的文件存储到服务器目录下的文件夹的信息,此处php.net中关于如何做到这一点的信息。请注意,有关文件的信息在PHP的$_FILES中。

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