学做网站培训课程介绍

当前位置:

WordPress网站前端投稿实现图片上传功能

使用WordPress做网站时,需要使用前端投稿功能,我们可以在前端投稿功能中添加图片上传功能。这样用户在前端就可以直接上传图片了。

下面学建站网介绍一下怎么在WordPress网站前端投稿实现图片上传功能。这里是采用直接调用wordpress媒体中心上传功能来实现的。

方法很简单,只要在前端投稿页面,需要上传图片位置,添加以下的代码即可。


<style>
.imgup .custom_media_url{padding:0 10px;border:1px solid #ddd;height:40px;line-height:40px;width:240px;}
.imgup .custom_media_upload{padding:0 10px;border:1px solid #ddd;background:#f60;height:40px;line-height:40px;width:100px;text-align:center}
</style>
<div class="imgup">
<img class="custom_media_image" src="" style="width:60px; height:60px" /><br>
<input class="custom_media_url" type="text" name="gslogo" value="">
<input type="button" value="上传图片" class="custom_media_upload" />
<script>
jQuery('.custom_media_upload').click(function() {
var send_attachment_bkp = wp.media.editor.send.attachment;
wp.media.editor.send.attachment = function(props, attachment) {
jQuery('.custom_media_image').attr('src', attachment.url);
jQuery('.custom_media_url').val(attachment.url);
jQuery('.custom_media_id').html(attachment.id);
wp.media.editor.send.attachment = send_attachment_bkp;
}
wp.media.editor.open();
return false;
});
</script>
</div>

通过这个代码后,点击上传按钮,就用上了最新的媒体管理工具,并且可以直接上传到媒体库了。

如果需要注册的普通用户可以上传图片,可以在functions.php文件里给订阅者添加上传权限。


function dahuzi_add_user_rights() {
$role = 'subscriber';
$role = get_role($role);
$role->add_cap('upload_files');
}
add_action( 'admin_init', 'dahuzi_add_user_rights');

如果要去除订阅者的上传权限功能,可以放以下的代码:


function dahuzi_add_user_rights() {
$role = 'subscriber';
$role = get_role($role);
$role->remove_cap('upload_files');
}
add_action( 'admin_init', 'dahuzi_add_user_rights');

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程