| <?php | |
| /** | |
| * @package ninja_image_upload | |
| * @version 1.0 | |
| */ | |
| /* | |
| Plugin Name: Ninja Image Upload | |
| Plugin URI: http://authlab.io/ | |
| Description: This plugin allow users to upload image via a form can be created by shortcode | |
| Version: 1.0 |
| // Hide the image on error | |
| $("img").error(function(){ | |
| $(this).hide(); | |
| }); | |
| // Change the missing image to a default image | |
| $('img').error(function(){ | |
| $(this).attr('src', 'no-image.jpg'); | |
| }); |
| var data = new FormData() | |
| // Add data/files to formdata var | |
| jQuery.ajax({ | |
| url: wpApiSettings.root + 'routehere/v1/subroute/save', | |
| type: 'POST', | |
| beforeSend: function(xhr) { | |
| xhr.setRequestHeader( 'X-WP-Nonce', wpApiSettings.nonce ); | |
| }, |
Using the REST API to upload a file to WordPress is
quite simple. All you need is to send the file in a
POST-Request to the wp/v2/media route.
There are two ways of sending a file. The first method simply sends the file in the body of the request. The following PHP script shows the basic principle:
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |