jquery+php图片上传通用插件
所属分类:其他  创作类型:原创  作者:呆猫  发布时间:2018-05-31 10:43:00
897 21
本站所有插件都是基于jquery或php的,不依赖其他任何框架,可以集成到大部分网站上。如果有问题可以联系技术
QQ:635081743 微信:wangbin676243
Chrome Firefox Safari IE8+ PHP5.4+
描述:这是一款基于jquery+php的图片上传插件,可以用在头像,封面上传等地方,任何php >5.4的网站都可以完美集成。

使用步骤

第一步

引入必须的资源文件

<script src="jquery-1.9.1.js"></script>
<script src="depend/jquery.ajaxfileupload.js"></script>
<script src="yanThumb/yanThumb.js"></script>
<script>
    $('.demo1').yanThumb({
       action:'upload1.php'
    });
</script>

第二步

基本html结构

<div class="demo1">
    <img src="http://www.yanphp.com/statics/demo/demo1.jpg">
    <input type="hidden" name="thumb">
    <span>上传图片<input type="file" name="fileThumb"></span>
</div>

第三步

php脚本调用,可以放在单独的文件中,也可以放在您的项目的控制器操作中

引入核心文件Yan.php
require_once __DIR__.'/../../yan/Yan.php';
实例化插件
$thumbUploader = new \yan\plugins\thumbUploader\ThumbUploader([
        'savePath'=>__DIR__.'/../../data/tmp',
        'savePlan'=>[
            'big'=>[200,200,\yan\base\image\YanImage::NONE],
            'small'=>[100,100,\yan\base\image\YanImage::NONE],
        ],
        'saveUrl'=>'/data/tmp',
        'extensions'=>['jpg','png'],
]);
$result = $thumbUploader->run();
以json的格式返回给客户端
header('Content-type:application/json');
echo  json_encode($result);

js参数说明

action 上传路劲
params 请求的参数,如果有需要可以设置

插件参数说明

savePath 保存路径
saveUrl 保存url,用来返回给客户段
savePlan 保存方案,可以定制一些图片保存方案,如生成两张图片
'savePlan'=>[
    'big'=>[200,200,\yan\base\image\YanImage::NONE],
    'small'=>[100,100,\yan\base\image\YanImage::NONE],
],
        
maxSize 图片最大大小
minSize 图片最小大小
minWidth 图片最小宽度
maxWidth 图片最大宽度
minHeight 图片最小高度
maxHeight 图片最大高度
extensions 图片的扩展类型
相关插件
图片采集图片展示jquery插

这个一款jquery图片展示原创插件,可以用来展示图集,非常适合...

简单弹框查看图片的jquery

这是一款图片弹窗查看插件,只要简单的设置一个yanImageShow c...

多图上传php通用插件

这是一款php+jquery的多图上传插件,可以集成到任何php > 5.4...

功能强大且兼容ie8的jquer

这是一款jquery弹框插件,兼容ie8,非常好用,摒弃了iframe的...

共有0条评论