有时候在前端写上传文件的功能时，不想弹出默认的媒体库窗口，而是直接通过自写的 PHP 代码实现上传，这种情况自定义上传的文件目录是很好实现的，但是这些上传的文件无法在后台的媒体库里找到，不容易管理删除。今天为大家分享一下前端自定义上传图片文件到媒体库WordPress开发教程。

 

那么如何实现在网站前台不弹出默认的媒体库窗口又能直接上传到媒体库呢？而且也支持一些 CDN 插件比如七牛云存储、阿里云 OSS，大家使用下面的代码来实现上传逻辑：

 

<?php

 

// WordPress environment

 

require( dirname(__FILE__) . ‘/../../../wp-load.php’ );

 

$wordpress_upload_dir = wp_upload_dir();

 

// $wordpress_upload_dir[‘path’] is the full server path to wp-content/uploads/2020/11, for multisite works good as well

 

// $wordpress_upload_dir[‘url’] the absolute URL to the same folder, actually we do not need it, just to show the link to file

 

$i = 1; // number of tries when the file with the same name is already exists

 

$profilepicture = $_FILES[‘profilepicture’];

 

$new_file_path = $wordpress_upload_dir[‘path’] . ‘/’ . $profilepicture[‘name’];

 

$new_file_mime = mime_content_type( $profilepicture[‘tmp_name’] );

 

if( empty( $profilepicture ) )

 

die( ‘File is not selected.’ );

 

if( $profilepicture[‘error’] )

 

die( $profilepicture[‘error’] );

 

if( $profilepicture[‘size’] > wp_max_upload_size() )

 

die( ‘It is too large than expected.’ );

 

if( !in_array( $new_file_mime, get_allowed_mime_types() ) )

 

die( ‘WordPress doesn’t allow this type of uploads.’ );

 

while( file_exists( $new_file_path ) ) {

 

$i++;

 

$new_file_path = $wordpress_upload_dir[‘path’] . ‘/’ . $i . ‘_’ . $profilepicture[‘name’];

 

}

 

// looks like everything is OK

 

if( move_uploaded_file( $profilepicture[‘tmp_name’], $new_file_path ) ) {

 

$upload_id = wp_insert_attachment( array(

 

‘guid’           => $new_file_path,

 

‘post_mime_type’ => $new_file_mime,

 

‘post_title’     => preg_replace( ‘/.[^.]+$/’, ”, $profilepicture[‘name’] ),

 

‘post_content’   => ”,

 

‘post_status’    => ‘inherit’

 

), $new_file_path );

 

// wp_generate_attachment_metadata() won’t work if you do not include this file

 

require_once( ABSPATH . ‘wp-admin/includes/image.php’ );

 

// Generate and save the attachment metas into the database

 

wp_update_attachment_metadata( $upload_id, wp_generate_attachment_metadata( $upload_id, $new_file_path ) );

 

// Show the uploaded file in browser

 

wp_redirect( $wordpress_upload_dir[‘url’] . ‘/’ . basename( $new_file_path ) );

 

}