Limit filetype and wp media

时间:2015-01-01 作者:user3193259

This is my input markup:

<div class="button-primary" id="fileToUpload">Upload</div>

This is js:

jQuery( \'#fileToUpload\' ).click( function()
{
    var custom_uploader = wp.media
    ({
        title: \'Select\',
        button: {
            text: \'Select\'
        },
        multiple: false  // Set this to true to allow multiple files to be selected.
    })
    .on( \'select\', function()
    {
        var attachment = custom_uploader.state().get( \'selection\' ).first().toJSON();
        jQuery( \'#previewImage\' ).attr( \'src\', attachment.url );
        jQuery( \'.custom_media_url\' ).val( attachment.url );
        jQuery( \'.custom_media_id\' ).val( attachment.id );
    })
    .open();
});
我想将文件类型限制为jpg,jpeg and png. 我怎样才能做到这一点?

1 个回复
SO网友:Chetan Vaghela

我已经展示了你的问题,我发现其中有更正。

您需要如下更新代码。

.on( \'select\', function()
{
    var attachment = custom_uploader.state().get( \'selection\' ).first().toJSON();
    if(attachment.mime == "image/jpg" || attachment.mime == "image/jpge" || attachment.mime == "image/png")
    {

       jQuery( \'#previewImage\' ).attr( \'src\', attachment.url );
       jQuery( \'.custom_media_url\' ).val( attachment.url );
       jQuery( \'.custom_media_id\' ).val( attachment.id );
    }
    else
    {
        alert("Please select jpg,jpeg and png type images only");
        custom_uploader.open();
        return;
    }
})
谢谢你!

结束

相关推荐

在wp.media对象中呈现上载的文件

这个问题我已经被问了好几次了,我没有看到任何回应。我有一个wp。媒体对象(上传对话框),我在中使用它将上传到帖子的内容存储为元元素。它工作正常,除了ul。上传时附件框架未刷新,请参见屏幕截图我必须手动刷新页面才能显示新文件(在我的截图示例中为pdf.pdf)。是否有上载的事件可以挂接到文件列表框架并重新渲染视图?谢谢EDIT: I abstracted out the code so that I can demonstrate the issue. N.B. this is using extremel