搜索
系统检测到您的用户名不符合规范:

图片上传功能,单图多图上传功能(附图片水印及缩略图)

浏览:2491 发布日期:2018年01月03日 分类:技术分享 关键字: 多图上传 水印
第一部分:html代码<form class="layui-form" name="wpf_main_form" method="post" action="__SELF__" enctype="multipart/form-data" >

<div class="layui-form-item">
<div id="moreimage">
<label class="layui-form-label">多图</label>
<div class="layui-input-inline">
<input type="file" name="moreimage[]" multiple="multiple" />
</div>
<div class="layui-input-inline imagebox">
<!--
<img src="" style="max-height:50px">
<img src="" style="max-height:50px">
-->
</div>
</div>
</div>
<div class="layui-form-item">
<div id="image">
<label class="layui-form-label">单图</label>
<div class="layui-input-inline">
<input type="file" name="image" />
</div>
<div class="layui-input-inline">
<img src="<?php echo imageUrl($info['image']); ?>" style="max-height:50px">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<input type="submit" class="layui-btn" value="立即提交" />
<input type="reset" class="layui-btn layui-btn-primary" value="重置" />
</div>
</div>
</form>

<script>

$("#moreimage input[type='file']").change(function(){
console.log($(this)[0].files);
var f = $(this)[0].files;
var html = "";
$.each(f,function(k,v){
src = window.URL.createObjectURL(v);
html += '<img src="'+src+'" style="max-height:50px">';
})
$("#moreimage .imagebox").html(html);
});

</script>
效果图:


第二部分:单图上传$ImageModel = new \Common\Model\ImageModel();
$result = $ImageModel->upload($_FILES['image'], "Admin",array(array(300,300,2),array(100,100,2)));//单图上传
$result返回数据如下:


第三部分:多图上传及判断处理$moreimage = array();
foreach ($_FILES['moreimage'] as $k=>$v)
{
foreach ($v as $k1=>$v1)
{
$moreimage[$k1][$k] = $v1;
}
}

foreach ($moreimage as $k=>$v)
{
if($v['error'] !== 0)
unset($moreimage[$k]);
}
$_FILES['moreimage'] = $moreimage;

$ImageModel = new \Common\Model\ImageModel();
$result = $ImageModel->uploadMore($_FILES['moreimage'], "Admin");
$result返回数据如下:
最佳答案
评论() 相关
后面还有条评论,
评论支持使用[code][/code]标签添加代码
您需要登录后才可以评论 登录 | 立即注册
收藏
alfred_wpf
积分:1250 等级:LV3
热点推荐
(追記) (追記ここまで)
最新更新

我们

合作

网站

信息

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。

AltStyle によって変換されたページ (->オリジナル) /