失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > PHP+Ajax+JS实现多图上传 ajax php post jquery ajax php ajax分

PHP+Ajax+JS实现多图上传 ajax php post jquery ajax php ajax分

时间:2019-02-21 12:45:59

相关推荐

PHP+Ajax+JS实现多图上传 ajax php post jquery ajax php ajax分

后端开发|php教程

ajax,php

后端开发-php教程

本文实例在wap站项目中需要做一个ajax多图片上传,结合js插件做了一个,供大家参考,具体内容如下

进销存源码erp多仓库管理系统源码,Ubuntu在哪创建线程,人口流动数据爬虫,php页面并发,seo和建站lzw

/* ajax 上传图片 */ var num = 0; // 点击删除图片function onDelete(num){ if($("#"+num).attr(src)!="__PUBLIC__/Home/images/jiazai.jpg" && $("#"+num).attr(src)!=""){if(confirm("确认删除吗")){ $("#a"+num).remove();}else{ // } }}$(function(){$("#file0").bind("change",function(){clickUpload(num);});function clickUpload(num){ var imgObject = document.getElementById(file0); // 文件对象 $("#yulan").append(" ");// $("#yulan").append("删除"); var getImageSrc = getFullPath(imgObject); // 本地路径 // 实例化image对象 var pos = getImageSrc.lastIndexOf("."); var lastname = getImageSrc.substring(pos, getImageSrc.length) // 图片后缀 if(lastname!=".jpg" && lastname!=".jpg" && lastname!=".jpeg" && lastname!=.jpg){ $("#a"+num).remove();alert("请选择一张图片"); }else{ ajaxFileUpload(num); $("#file0").unbind("change").bind("change",function(){ clickUpload(num);}); } num++; }function getFullPath(obj) { //得到图片的完整路径if (obj) { if (window.navigator.userAgent.indexOf("MSIE") >= 1) {obj.select();return document.selection.createRange().text; }else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {if (obj.files) { return obj.files.item(0).getAsDataURL();}return obj.value; }return obj.value;} }function ajaxFileUpload(num) { $.ajaxFileUpload( {url: http://xxxx/updateImg, //用于文件上传的服务器端请求地址secureuri: false, //是否需要安全协议,一般设置为falsefileElementId: file0, //文件上传域的IDdataType: json, //返回值类型 一般设置为jsonsuccess: function (data) //服务器成功响应处理函数{ var jsonText = data; console.log(jsonText); if(jsonText[status]==1){if(jsonText[info]!=""){ console.log(jsonText[info]);$("#"+num).attr("src","__PUBLIC__//Admin/Upload/"+jsonText[info]); var images = $("#img").val(); if(images!=""){ $("#img").val(images+","+jsonText[info]);}else{ $("#img").val(images+""+jsonText[info]);}} }else{ $("#a"+num).remove(); // alert("图片上传失败"); } },error: function (data,e)//服务器响应失败处理函数{ alert(e);} }) }});

投票系统 asp源码,ubuntu 文本分割,tomcat长连接 短链接,爬虫网页地址,php 后台管理移动端,榜单seolzw

以上就介绍了PHP+Ajax+JS实现多图上传,包括了ajax,php方面的内容,希望对PHP教学有兴趣的朋友有所帮助。

php 无限分类源码下载,vscode全局搜索字符串,ubuntu 路径 %h,tomcat配置指定项目,小黑色爬虫,php空格截取字符,北京百度seo收费标准,网站通用banner大图lzw

如果觉得《PHP+Ajax+JS实现多图上传 ajax php post jquery ajax php ajax分》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。