我正在启动一个基于wordpress的网站,该网站有一个自定义的wordpress open_media窗口。当我从iPhone添加媒体(在Chrome或Safari中)时,我可以从我的照片库中上传图片,但它们不会立即显示以供使用。我没有收到任何错误。要找到照片,我必须退出媒体窗口并刷新浏览器,然后重新进入打开的媒体窗口,图片将在那里。
有没有人遇到过这个问题?
function open_media_window() {
var upload = "";
$post_div = $(this).closest('.bizimg-select');
if (this.window === undefined) {
if($(this).hasClass('bizimg-select')){
upload = "bizimg";
}
if($(this).hasClass('vcard-file')){
upload = "vcard";
}
if(upload=='bizimg'||upload==""){
this.window = wp.media({
title: 'Upload my Bizcard Bizimg',
library: {type: 'image/*'},
multiple: false,
button: {text: 'Insert'}
});
}
if((upload=='vcard')){
this.window = wp.media({
title: 'Upload my Bizcard vCard',
library: {type: 'text/x-vcard'},
multiple: false,
button: {text: 'Insert'}
});
}
var self = this;
this.window.on('select', function() {
var files = self.window.state().get('selection').toArray();
var first = files[0].toJSON();
if(upload=='bizimg'){
//do some stuff here
}
if(upload=='vcard'){
//do a bunch of stuff here
}
});
}
this.window.open();
return false;
}
我误以为这个问题仅限于移动连接。经过大量挖掘并试图了解有关js骨干和wordpress wp.media的更多信息(顺便说一下,它仍然相对没有文档),我确实弄清楚了。在库选项中使用"图像"而不是"图像/*"允许上传加载到媒体库屏幕。"图像/*"是问题所在。请参阅下面对我有用的选项。
wp.media({
title: 'Upload my Bizcard Bizimg',
library: {type: 'image'},
multiple: false,
button: {text: 'Insert'}
});