WordPress:从PC上传图片(Jquery)

时间:2017-07-30 08:55:46

标签: jquery wordpress

这是我在这里的第一篇文章。我编写了自己的插件。我在使用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();
});

0 个答案:

没有答案