thinkphp uploadify ajax上传图片,网上很多有问题,我简单总结一下
来源:互联网 发布:mac锁定触控板快捷键 编辑:程序博客网 时间:2024/05/17 05:54
服务器环境:Apache/2.4.7 (Win64) PHP/5.5.10
thinkphp 3.2.2
第一步uploadify插件 ,
第二步 html 页面
1.引用css ,js
<script src="__PUBLIC__/plugins/jQuery/jQuery-2.1.4.min.js"></script><script src="__PUBLIC__/plugins/uploadify/jquery.uploadify.js"></script>
2.
<tr> <td>上传商品APP图片:</td> <td> <input id="upload_button" type="file" multiple="true" value="" /> <a target="_blank" <if condition="$goodsInfo['url'] neq null"> href="{$goodsInfo.url}"<else/> href=""</if> id="original_img21"> <img width="50" height="50" id ='original_img2' <if condition="$goodsInfo['url'] neq null"> src="{$goodsInfo.url}"<else/> src="/Public/images/nopic.png"</if> > <input id="images" name="image" type="hidden" class="form-control" multiple="true" <if condition="$goodsInfo['image'] neq null"> value="{$goodsInfo.image}"<else/> value=""</if> /> </a> </td></tr>3.JS不好简单功能凑合用,主要是处理图片上传成功返回的data数据然后赋值 这里 注意 ,火狐浏览器 一定加session_id
$('#upload_button').uploadify({ 'swf' : "__ROOT__/Public/plugins/uploadify/uploadify.swf", 'uploader' : "{:U('Goods/uploadify',array('session_id'=>session_id()))}",//这个就是处理上传文件的地址 'buttonText' : '上传商品图片', 'onUploadSuccess' : function(file, data, response) { var dat = data.split(","); var id = dat[0]; var url = dat[1]; $('#original_img1').remove(); $('#original_img2').attr('src',url); $('#original_img21').attr('href',url); $('#images').attr('value',id); data.trim();//这个是文件在服务器上的路径,如果是图片,可以使用src }});
第三步、php 我这里是上传到七牛云 ,其实都一样 这里 我返回的参数中间用逗号, JS 处理
//ajax上传图片方法 返回 图片ID URLpublic function uploadify(){ $log = new File(array('log_path' => LOG_PATH)); $log->write('————————————————————后台测试————————————————————————'); ini_set('max_execution_time', '0'); if ($_FILES) { $Picture = D('Admin/Picture'); $info = $Picture->upload($_FILES, '', 'Qiniu'); if (!$info) { $Picture->getError(); } else { $id = implode(',', array_column($info, 'id')); $url = implode(',', array_column($info, 'url')); echo trim($id); echo ','; echo trim($url); } }}最后 ,php接收表单的时候,直接上传的
阅读全文
1 0
- thinkphp uploadify ajax上传图片,网上很多有问题,我简单总结一下
- 解决uploadify上传图片session的问题,thinkphp
- thinkphp+uploadify上传图片,实现缩略图浏览
- 简单的thinkphp+uploadify实现上传
- jquery uploadify简单图片上传
- thinkphp框架项目在火狐浏览器上通过uploadify上传图片提示“302”问题
- ThinkPHP如何整合Uploadify上传插件实现异步上传图片
- ThinkPHP 图片上传 图片异步上传 ajax
- curl图片上传,网上很多太陈旧,导致上传错误
- Yii2 uploadify ajax上传图片 上传多图、单图
- Thinkphp 图片上传问题概述
- thinkphp(php)+Ajax上传图片
- uploadify上传图片
- uploadify上传多图片
- uploadify java上传图片
- 插件Uploadify图片上传
- 图片上传uploadify
- uploadify上传图片
- CAS单点登录
- 阿里云服务器ssh连不上,可以ping通
- HDU 2844 Coins——多重背包
- LeetCode刷题(C++)——Sort List(Medium)
- MySQL 临时表与内存表
- thinkphp uploadify ajax上传图片,网上很多有问题,我简单总结一下
- 什么时候使用字节流、什么时候使用字符流,二者的区别
- 文章标题
- 第十届“中国电机工程学会杯”全国大学生电工数学建模竞赛 A 题:微电网日前优化调度
- WeakReference与SoftReference
- [Android-Kotlin学习日志]AndroidStudio中Kotlin环境搭建
- Python~~简介介绍
- NSString NSCFString NSCFConstantString isMemberOfClass 遇到的相关的问题
- SQL Server 2008 收缩日志 清空删除大日志文件