wordpress前端多上传功能与后端相同

我在前端做了一份定制登记表。我想展示与后端相同的上传功能。我不知道如何在前端添加多个上传的东西。

---

非常感谢您的帮助。

用户插入wordpress的附件以保存附件，然后您还可以获得不同样式的图像，获取附件（id，“完整/中等/缩略图”）

在html中，如果您提交表单，图像将被上传，引用将保存在wp_post表中

  <form action="upload_file.php" method="post" enctype="multipart/form-data">
    <label for="file">Filename:</label>
    <input type="file" name="upload_attachment[]" id="file"><br>
    <label for="file">Filename:</label>
    <input type="file" name="upload_attachment[]" id="file"><br>
    <label for="file">Filename:</label>
    <input type="file" name="upload_attachment[]" id="file"><br>
    <input type="submit" name="submit" value="Submit">
  </form>

文件名：


文件名：


文件名：

用户插入wordpress的附件以保存附件，然后您还将具有获取不同样式图像的功能，获取附件（id，“完整/中等/缩略图”）

在html中，如果您提交表单，图像将被上传，引用将保存在wp_post表中

  <form action="upload_file.php" method="post" enctype="multipart/form-data">
    <label for="file">Filename:</label>
    <input type="file" name="upload_attachment[]" id="file"><br>
    <label for="file">Filename:</label>
    <input type="file" name="upload_attachment[]" id="file"><br>
    <label for="file">Filename:</label>
    <input type="file" name="upload_attachment[]" id="file"><br>
    <input type="submit" name="submit" value="Submit">
  </form>

文件名：


文件名：


文件名：

我正在寻找图像上载按钮，以便在前端上载图像。这是一个完整的解决方案，将为您提供从前端页面上载多个图像的功能，我希望打开与后端相同的弹出窗口。i、 e在后端，当我单击添加媒体时，会打开一个弹出窗口，其中显示拖动文件和后端可用的其他各种选项。我希望相同的弹出窗口加载前端。我正在寻找图像上传按钮，以便我可以上传图像前端。这是完整的解决方案，将为您提供从前端页面上传多个图像的设施，我希望相同的弹出窗口打开，如在后端。i、 e在后端，当我单击添加媒体时，会打开一个弹出窗口，其中显示拖动文件和后端可用的其他各种选项。我希望同样的弹出窗口加载前端。

<a href="#" class="custom_media_upload">Upload</a>
<img class="custom_media_image" src="" />
<input class="custom_media_url" type="text" name="attachment_url" value="">
<input class="custom_media_id" type="text" name="attachment_id" value="">

$('.custom_media_upload').click(function() {

var send_attachment_bkp = wp.media.editor.send.attachment;

wp.media.editor.send.attachment = function(props, attachment) {

    $('.custom_media_image').attr('src', attachment.url);
    $('.custom_media_url').val(attachment.url);
    $('.custom_media_id').val(attachment.id);

    wp.media.editor.send.attachment = send_attachment_bkp;
}

wp.media.editor.open();

return false;       
});