您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
怎么实现wordpress前端上传用户头像等图片的方法
春竹2023-07-13WordPress教程已有人查阅
导读最近研究个项目需要在wordpress前端上传用户头像,在网上查了些资料!解决了这个问题!1:首先就是在需要的地方添加文件上传框了

最近研究个项目需要在wordpress前端上传用户头像,在网上查了些资料!解决了这个问题!
1:首先就是在需要的地方添加文件上传框了
<form action="" method="post" enctype="multipart/form-data">
<input type="file" id="file" name="files[]" multiple="multiple" accept="image/*" />
<input type="submit" name="submit" value="Upload!" />
</form>
2: 对图片进行处理
$post=get_post(13);//测试用
if ( $_FILES ) {
$files = $_FILES['files'];
$count= count($files['name']);
foreach ($files['name'] as $key => $value) {
if ($files['name'][$key]) {
$file = array(
'name' => $files['name'][$key],
'type' => $files['type'][$key],
'tmp_name' => $files['tmp_name'][$key],
'error' => $files['error'][$key],
'size' => $files['size'][$key]
);
$_FILES = array("files" => $file);
foreach ($_FILES as $file => $array) {
$newupload = insert_attachment($file,$post->ID);//此方法将文章附加到ID为13的文章中。如果不想插入到文章可以为空""
} } } }
3:在functions.php文件添加功能函数
insert_attachment该函数的第二个参数如果为空将不附加到文章中图片。
function insert_attachment($file_handler,$post_id,$setthumb='false') {
global $wpdb;
// check to make sure its a successful upload
if ($_FILES[$file_handler]['error'] !== UPLOAD_ERR_OK) __return_false();
require_once(ABSPATH . "wp-admin" . '/includes/image.php');
require_once(ABSPATH . "wp-admin" . '/includes/file.php');
require_once(ABSPATH . "wp-admin" . '/includes/media.php');
$attach_id = media_handle_upload( $file_handler, $post_id );
$image_url = wp_get_attachment_image_src( $attach_id,'full' );
if ($setthumb){
$wpdb->insert(
$wpdb->prefix . 'postmeta', array(
'post_id' => $post_id,
'meta_key' => 'wpcf-vi-img',
'meta_value' => $image_url[0] ));
}
return $attach_id;
}
4:引用方法
$image_url = wp_get_attachment_image_src( $attach_id,'full' );//由于页面刷新的问题直接在页面使用这个方法是不生效的!需要在函数中构造此方法的功能。
//循环文章中的特征图片的方法,如果将图片附加到文章中使用这个方法可以批量输出!
$imagess=get_post_meta(13,'wpcf-vi-img',false);
foreach($imagess as $images){
echo $images;
}
本文标签:
很赞哦! ()
相关教程
图文教程
wordpress目录结构各文件作用说明
WordPress文件夹内,你会发现大量的代码文件和3个文件夹wp-admin wp-content wp-includes wp-admin 没错,这是你的仪表板你登陆wordpress后看到的界面,包括所有的后台文件 wp-co
wordpress使用英文主题的方法
首先将wordpress源码放到xammp下的doc目录下,运行xammp(事先装好xammp),启动Apathe 和 mysql
WordPress代码高亮插件SyntaxHighlighter使用方法
子曰: 工欲善其事,必先利其器。作为码农一枚,再加上站长这个已经不再光鲜的称呼,岂能没有一款经济实用、操作简单、而且功能必须强大、样式也必须好看的Wordpress代码高亮插件?
升级WordPress主题后再次手动添加自定义代码的问题
经常折腾主题的童鞋都知道,在主题函数模板functions.php中添加代码可以增加修改功能,但在升级主题后这些代码需要再次添加有些麻烦,这里提供一个小方法
相关源码
-
(自适应)响应式文章博客互联网新闻pbootcms模板下载本模板基于PbootCMS开发,专为科技新闻、互联网资讯和文章博客类网站设计。采用响应式布局技术,确保在电脑、平板和手机上都能获得最佳浏览体验。适用于科技媒体、行业博客查看源码 -
帝国CMS7.5漫画网站模板带手机端源码免费下载本模板为漫画内容平台设计开发,采用帝国CMS7.5内核构建,深度优化漫画作品展示结构与章节管理模式。前端采用响应式布局设计,适配各类漫画阅读场景,提供作品分类、连载追踪、热度排行等垂直领域功能模块。查看源码 -
(PC+WAP)地暖热水器烘干机节能设备网站模板下载为地暖热水器及节能设备企业设计的PbootCMS网站模板,集成产品展示、节能方案介绍、技术参数说明等专业模块。采用PC与移动端同步响应架构查看源码 -
自适应黑色简繁双语轴承齿轮机械设备制造网站模板该模板为轴承齿轮机械制造企业提供一体化网站建设方案,着重解决行业特有的多语言展示、移动端适配和高效率内容管理需求,帮助企业精准展示产品特性与工艺流程查看源码 -
(自适应)蓝色自动溶剂萃取仪器设备类网站pbootcms模板下载本模板为溶剂萃取设备、实验室仪器等精密仪器行业设计,采用PbootCMS内核开发,具有高度专业性和行业适配性。模板设计充分考虑了仪器设备行业展示需求,能够呈现各类精密仪器的技术参数、应用场景和解决方案。查看源码 -
(自适应响应式)黑色LED显示屏户外广告屏网站源码下载这是一款基于PbootCMS内核开发的响应式网站模板,专门为LED显示屏及户外广告行业打造。模板适配各类显示设备,帮助企业快速搭建专业官网,展示产品与服务优势,有效提升品牌形象。查看源码
| 分享笔记 (共有 篇笔记) |

