2 baidu 32457989 baidu_32457989 于 2016.03.25 14:08 提问

PHP ajaxFileUpload 图片上传

如题,我想要一份完整的,可行的代码
求大神指点!!!!!!!!!!!

3个回答

hack_davei
hack_davei   2016.03.25 14:59
已采纳

function ajaxFileUpload() {
$.ajaxFileUpload
(
{
url: '/upload.php', //用于文件上传的服务器端请求地址
secureuri: false, //是否需要安全协议,一般设置为false
fileElementId: 'file1', //文件上传域的ID
dataType: 'json', //返回值类型 一般设置为json
success: function (data, status) //服务器成功响应处理函数
{
$("#img1").attr("src", data.imgurl);
if (typeof (data.error) != 'undefined') {
if (data.error != '') {
alert(data.error);
} else {
alert(data.msg);
}
}
},
error: function (data, status, e)//服务器响应失败处理函数
{
alert(e);
}
}
)
return false;
}
触发这个函数后去到upload.php页面接收就行了

showbo
showbo   Ds   Rxr 2016.03.25 15:12
whl85420
whl85420   2016.03.25 17:08

前端的代码:
function ajaxFileUpload()
{
$.ajaxFileUpload
(
{
url:'doajaxfileupload.php', //你处理上传文件的服务端
secureuri:false,
fileElementId:'img',
dataType: 'json',
success: function (data)
{
alert(data.file_infor);
}
}
)
return false;
}

相应的HTML为:


Upload

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
ajaxFileUpload.js 无刷新上传图片,支持多个参数同时上传,支持 ie6-ie10
ajaxFileUpload 无刷新上传的原理: 在页面动态创建 form 表单和 ifram 贞,设定 form 表单提交的目标为 ifram 贞, 将文件域和要 post 的参数动态写入 form 表单中,然后提交 from 表单。 通过 window.attachEvent 向 ifram 贞的 onload 事件中注册监听事件响应回调函数。 1.html 部分
thinkphp+ajaxfileupload 异步上传图片
借助插件实现异步上传图片的,需要引用Jquery。 HTML: 照片 <input type="file" id="file{$voc.id}" name="file{$voc.id}" onchange="ajaxFileUpload(this.id)" accept="image/*" style="display: none;" /> 一个a连接供选择照片,触发file的click
ajaxFileUpload实现图片的上传并预览
先来个最简单的  单图上传并预览 html: 引入js文件 头像 一个显示图片的标签,一个是文件上传的input标签(设置隐藏) js: $("#head").click(function(){ $("#img").click(); }); //异步上传头像并预览 function u
ajaxFileUpload 图片上传工具
使用 ajaxFileUpload 将图片保存到本地 , 再将本地图片上传到cdn  -----------------------------------------------  前端  ------------------------------------------ 1. 先导入  script type="text/javascript"  src="/js/a
Ajaxfileupload图片上传(支持PC端、微信、手机浏览器)
ajaxfileupload图片上传(支持PC端、支持微信、手机浏览器),该后台代码采用.NET实现、能够简单引入项目之中,能够快速实现图片文件上传功能
使用ajaxFileUpload实现图片上传
ajaxFileUpload实现图片上传,内附使用说明
JFinal使用ajaxfileupload实现图片上传 及预览
JFinal使用ajaxfileupload实现图片上传 及预览
ajax ajaxFileUpload 文件(图片)上传
query         function img() {             var str = $("#fileName").val();             var pos = str.lastIndexOf(".");             var lastname = str.substring(pos, str.length);             if
ajaxfileupload 图片预览上传方法
前端核心代码: 上传 //选择图片,马上预览 function showTheImg(obj) { var file = obj.files[0]; console.log(file.path); $("#qrImg").val(new Date().getTime()+"_"+file.name); console.log("file.size = " +
PHP+ajaxfileupload 实现用户头像上传
今天写项目的时候需要一个让登录的用户上传头像的功能,然后上网搜了一下,发现有一个不错的Ajax插件ajaxfileupload,所以就拿来用,感觉效果不错,在这里和大家分享一下。下面将用PHP+ajaxfileupload 实现用户头像上传。 1. 简单介绍一下ajaxfileupload ajaxfileupload 是Ajax的一个插件,用于实现异步上传文件,它不仅可以上传图片,还可以上传