jQuery 图片上传 ajaxfileupload.js PDF文件上传实例

kingrome2009

于 2018-03-31 16:21:25 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/kingrome2017/article/details/79770511

本文介绍了使用jQuery实现图片和PDF文件的Ajax上传，详细阐述了如何通过ajaxfileupload.js与服务器接口进行交互，实现无刷新上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

jQuery 图片上传不单单只是一个效果要完成到Ajax 调用接口这一步才算是完美，这是在不会操作数据库服务器的前提下

<div >
        <label >点击图片即可修改</label><br>

        <img id="headPic" src="./img/gppz_03.png"  width="150px" height="150px" style="padding: 5px">
        <input id="upload" name="file" accept="image/*" type="file" style="display: none"/>

        <button id="submit_btn" type="submit">确定修改</button>
    </div>

// 第二部分  jQuery+Ajax实现图片的预览和上传
    $(function() {
   
        //头像预览
        $("#headPic").click(function () {
   
            $("#upload").click(); //隐藏了input:file样式后，点击头像就可以本地上传
            $("#upload").on("change",function(){
   
                console.log(this.files[0]+'

最低0.47元/天解锁文章