jq+ajax上传图片信息

简介: jq+ajax上传图片信息

jq+ajax上传图片信息


html页面

<div>
  <img class="copyright-img" id="activity_image"  src="" />
  <input type="file" name="file">
</div>

jq代码

//上传活动图片
$("input[name='file']").live('change',function(e){
    var fileMsg = e.currentTarget.files;//获取图片元素
    console.log(fileMsg);
    var formData = new FormData();
    formData.append("file", fileMsg[0]);
    $.ajax({
        url:'user.php?c=unit_group&a=photo_upload', /*接口域名地址*/
        type:'post',
        data: formData,
        contentType: false,
        processData: false,
        success:function(res){
            console.log(res);
        }
    })
});
目录
相关文章
|
2月前
|
前端开发
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
解决前端ajax跨域请求不携带cookie信息JSESSIONID的问题
|
2月前
|
前端开发 JavaScript
Jquery ajax捕获错误信息
Jquery ajax捕获错误信息
26 0
|
2月前
|
前端开发 JavaScript
使用ajax上传图片
使用ajax上传图片
17 0
|
11月前
|
XML 前端开发 JavaScript
Ajax介绍以及工作原理和实现详解(JS实现Ajax 和 JQ实现Ajax)
Ajax介绍以及工作原理和实现详解(JS实现Ajax 和 JQ实现Ajax)
133 0
|
12月前
|
前端开发
ajax 通过move_uploaded_file函数上传图片获取$_FILES['file']对象的属性内容
ajax 通过move_uploaded_file函数上传图片获取$_FILES['file']对象的属性内容
42 0
|
前端开发
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
89 0
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
|
前端开发
fastadmin ajax 关掉提示信息,Fast.api.ajax关闭提示信息
fastadmin ajax 关掉提示信息,Fast.api.ajax关闭提示信息
896 0
|
前端开发
Ajax-08:Ajax设置请求头信息
Ajax-08:Ajax设置请求头信息
120 0
Ajax-08:Ajax设置请求头信息
|
数据采集 JSON 前端开发
13、web爬虫讲解2—Scrapy框架爬虫—Scrapy爬取百度新闻,爬取Ajax动态生成的信息
crapy爬取百度新闻,爬取Ajax动态生成的信息,抓取百度新闻首页的新闻rul地址 有多网站,当你浏览器访问时看到的信息,在html源文件里却找不到,由得信息还是滚动条滚动到对应的位置后才...
2282 0
|
前端开发 API