jQuery+PHP实现图片上传并提交功能_php技巧

来源:脚本之家  责任编辑:小易  

先用php将文字进行分页.百度 按字数分页.然后字数分页和普通的内容分页其实是一样www.zgxue.com防采集请勿采集本网。

图片上传思路:通过ajax实现图片上传,然后把PHP返回的图片地址,加入到隐藏字段中,最后通过表单提交给后台PHP,代码如下

('t212')\">T212详情 div> jquery.js就完成了,而页面中可能会用到的动画效果,也可以由jquery来实现。更多的细节你要先学好jquery才行了。

HTML代码 zimg.html文件:

echo\"$('.text').append(<div class='hide'>\".$arr[\"content\"].\"</div></script>;改为 echo\"<script>\\$('.text').append(<div class='hide'>\".$arr[\"content\"].\"</div></script>;

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>自定义上传图片</title></head><body> <form action="a.php?action=2" method="post"> <span> 上传图片 </span> <span> <input type="file" id="img_url" name="img_url" accept=".jpg, .gif, .jpeg, .bmp, .png"/> <a onclick="UpLoadImg()">上传</a> <input type="hidden" id="url_data" name="url_data"/> </span> <br> <span> <input type="submit" value="提交"> </span> </form> </body><!-- 引入jq --><script src="https://code.jquery.com/jquery-3.0.0.min.js"></script><script> function UpLoadImg(){ //获取上传文件 var formData = new FormData(); formData.append('img_url', $('#img_url')[0].files[0]); console.log(formData) //提交后台处理 $.ajax({ url: 'a.php?action=1', type: 'POST', cache: false, data: formData, dataType: "JSON", processData: false, contentType: false }).done(function(res) { console.log(res.url); if(res.status == 1){ //赋值给字段 $('#url_data').val(res.url); alert(res.msg) }else{ alert(res.msg) } }).fail(function(res) { }); }</script></html>

juqeryajaxupload plus

后台PHP代码 a.php:

这个麻烦的地方不在javascript,使用不使用jQuery对于实现效果没有太大的帮助。需要写好css样式表,用js切换一下class属性就OK了。

<?phpif($_GET['action'] == 1){//上传图片接口 $img = $_FILES['img_url']; //获取上图片后缀 $type = strstr($img['name'], '.'); $rand = rand(1000, 9999); //命名图片名称 $pics = date("YmdHis") . $rand . $type; //上传路径 $pic_path = "img/". $pics; //移动到指定目录,上传图片 $res = move_uploaded_file($img['tmp_name'], $pic_path); if($res){ echo json_encode(['status' => 1, 'msg' => '上传成功','url' => $pic_path]);exit; }else{ echo json_encode(['status' => 0, 'msg' => '上传失败']);exit; }}elseif($_GET['action'] == 2){//提交文件表单 echo '<pre>'; var_dump($_POST);}

你的意思是不是说点击某个图片后传送到后台.在后台有php页面进行处理,然后返回数据呢?这个可以使用jquery的ajax功能实现. 如果不是的话jquery没有办法执行php的后台函数!

最后实现效果如下:

ps:js代码是使用jQuery的写法,需引入jQuery代码库文件

到此这篇关于jQuery加PHP实现图片上传并提交实现详解的文章就介绍到这了,更多相关jQuery加PHP实现图片上传并提交内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

你说的是无刷新上传吧!其实是将页面的上传提交到 iframe中 的页面里去!并且页面提示正在上传,如果iframe中的上传完成了,给父页面传递回来一个值,告诉父页面 已完成 即可!参考资料:http://ryeen.com,uploadify内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • jquery+thinkphp实现图片上传
  • jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
  • php结合jquery ajax实现上传多张图片,并限制图片大小操作示例
  • jquery+php实现上传裁剪图片
  • thinkphp jquery实现图片上传和预览效果
  • jquery php图片在线裁剪实例
  • php+flash+jquery多图片上传源码分享
  • php+jquery+ajax实现多图片上传效果
  • jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
  • php结合jqueryjcrop实现图片裁切实例详解
  • php实现简单的模板引擎功能示例
  • 浅谈apache和nginx的rewrite的区别
  • php实现查询百度google收录情况(示例代码)
  • php 文件类型判断代码
  • php设置头信息及取得返回头信息的方法
  • phpmyadmin 安装及问题总结
  • php中余数、取余的妙用
  • php连接mysql数据库
  • php验证码无法显示的原因及解决办法
  • php操作zip在不解压缩包的情况下显示压缩包中的图片
  • php jquery如何实现上传图片提示状态
  • 如何实现分页效果HTML,PHP, JQUERY,如图所示
  • jquery+php实现所有功能吗
  • 如何实现分页效果HTML,PHP, JQUERY,如图所示
  • jquery里面ajax实现点击 详情就会出现对应的信息php开发的
  • php和jQuery实现div输出
  • 求PHP+jquery的uploadify插件实现完整的图片上传实例,要连接数据库的,并且可以选择相册来上传,如图
  • JQuery如何实现如图片的效果
  • jquery 执行PHP函数
  • PHP开发人员用Jquery经常实现的效果有哪些?
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全php基础php技巧php实例php文摘php模板首页php编程jquery+thinkphp实现图片上传jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】php结合jquery ajax实现上传多张图片,并限制图片大小操作示例jquery+php实现上传裁剪图片thinkphp jquery实现图片上传和预览效果jquery php图片在线裁剪实例php+flash+jquery多图片上传源码分享php+jquery+ajax实现多图片上传效果jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码php结合jqueryjcrop实现图片裁切实例详解php实现简单的模板引擎功能示例浅谈apache和nginx的rewrite的区别php实现查询百度google收录情况(示例代码)php 文件类型判断代码php设置头信息及取得返回头信息的方法phpmyadmin 安装及问题总结php中余数、取余的妙用php连接mysql数据库php验证码无法显示的原因及解决办法php操作zip在不解压缩包的情况下显示压缩包中的图片php中json_decode()和json_encodphp 数组和字符串互相转换实现方php中使用curl实现get和post请求php中iconv函数使用方法php日期转时间戳,指定日期转换成php 页面跳转到另一个页面的多种php中文处理 中文字符串截取(mb_php下intval()和(int)转换使用与利用phpexcel实现excel数据的导入phpmyadmin 配置文件详解(配置)php 错误处理经验分享php实现删除多重数组对象属性并重新赋值的php封装的pdo数据库操作类实例php内部实现打乱字符串顺序函数str_shuffwindows7下的php环境配置教程js(jquery)实现聊天接收到消息语言自动提php中判断变量为空的几种方法分享php和nginx交互实例讲解php数组函数序列之rsort() - 对数组的元素php中ob(output buffer 输出缓冲)函数使用
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved