这是我在这里的第一篇文章。我编写了自己的插件。我在使用wordpress上传文件时遇到问题。我可以在wordpress库中选择一个文件,但我不能从我的电脑中选择一个文件。我有错误:抱歉,您不能将文件附加到此内容。
jQuery( document ).ready( function( $ ) {
/*
* UPLOAD IMAGE
*/
// Uploading files
var file_frame;
var wp_media_post_id = wp.media.model.settings.post.id; // Store the old id
var set_to_post_id = $('.upload_image_button').val();
$('body').on('click', '.upload_image_button', function(){
event.preventDefault();
$(this).parent().addClass('slide_to_modify');
// If the media frame already exists, reopen it.
if ( file_frame ) {
// Set the post ID to what we want
file_frame.uploader.uploader.param( 'post_id', set_to_post_id );
// Open frame
file_frame.open();
return;
} else {
// Set the wp.media post id so the uploader grabs the ID we want when initialised
wp.media.model.settings.post.id = set_to_post_id;
}
// Create the media frame.
file_frame = wp.media.frames.file_frame = wp.media({
title: '11-5 service: select a image to upload',
button: {
text: 'Use this image',
},
multiple: false // Set to true to allow multiple files to be selected
});
// When an image is selected, run a callback.
file_frame.on( 'select', function() {
// We set multiple to false so only get one image from the uploader
attachment = file_frame.state().get('selection').first().toJSON();
// Do something with attachment.id and/or attachment.url here
$( '.slide_to_modify .image-preview').attr( 'src', attachment.url ).css( 'width', 'auto' );
$( '.slide_to_modify .image_attachment_id').attr( 'value', attachment.id );
$('.slide_to_modify').removeClass('slide_to_modify');
// Restore the main post ID
wp.media.model.settings.post.id = wp_media_post_id;
});
// Finally, open the modal
file_frame.open();
});
// Restore the main ID when the add media button is pressed
jQuery( 'a.add_media' ).on( 'click', function() {
wp.media.model.settings.post.id = wp_media_post_id;
file_frame.close();
});