微擎手机端上传图片

这篇博客介绍了如何在PHP文件中添加代码来调用模板,并在HTML模板文件中利用条件判断引入不同的CSS库。同时展示了如何在HTML中设置上传图片的表单,并在PHP表单处理页面获取并处理上传的图片。通过定义'MUI'常量,可以选择性地加载MUI或Bootstrap样式。
摘要由CSDN通过智能技术生成

1、在php文件加代码:

load()->func('tpl');
$images = '';

2、html模板文件:

在文件顶部,即“<!DOCTYPE html>”前面加上:

{php define('MUI', true);}

<head>标记之间加入:

<!-- 上传图片 B -->
	<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/app/util.js"></script>
	<script src="{$_W['siteroot']}app/resource/js/require.js"></script>
	<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/lib/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/lib/mui.min.js"></script>
	<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/app/common.js"></script>
	{if defined('MUI')}
	<link href="{$_W['siteroot']}app/resource/css/mui.min.css" rel="stylesheet">
	{else}
	<link href="{$_W['siteroot']}app/resource/css/bootstrap.min.css" rel="stylesheet">
	{/if}
	<link href="{$_W['siteroot']}app/resource/css/common.min.css" rel="stylesheet">
	<!-- 上传图片 E -->

<body>加上传图片

<h5 class="mui-content-padded">上传图片</h5>
        <div class="mui-card">
        	<div class="mui-input-row" style="height:100%;">
           		<p style="text-indent:0px;">
                </p>
                
        	</div>
            <div class="mui-input-row" style="height:100%;">
                    {php echo tpl_app_form_field_image('images', $images);}           
            </div>
        </div>

3、表单提交,表单处理页php获取上传的图片

$threadimg = $_GPC['images']? implode(" ",$_GPC['images']):'';

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值