jq+ajax上传图片信息

最新推荐文章于 2023-09-19 21:16:02 发布

向宇it

最新推荐文章于 2023-09-19 21:16:02 发布

阅读量376

点赞数

分类专栏： # web前端

本文链接：https://blog.csdn.net/qq_36303853/article/details/108514483

版权

vue、js/jq、h5/css、小程序同时被 2 个专栏收录

66 篇文章 23 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

web前端

50 篇文章 0 订阅

订阅专栏

该博客介绍了如何结合HTML页面和jQuery（jq）代码，利用Ajax技术实现图片的无刷新上传，详细阐述了相关HTML结构和jQuery处理逻辑。

摘要由CSDN通过智能技术生成

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);
        }
    })
});