发布价值信息
Wordpress、Software、VPN。。

示例:Ajax 上传图片

上传图片 input 的类型是 file:

<input type='file' name='xxx' id='pic_img'>

判断是否为空如下:

if($('#pic_img').val() == ''){
    //为空
}else{
    //不为空
}

上传到后台之前要先加一个 form 把它包起来,并添加点击按钮上传 如下:

<form enctype="multipart/form-data" id="uploadForm">
      <input type='file' name='xxx' id='pic_img'>
      <input type='button' onclick='upload()' value='点击上传'>
</form>

最后是 js 部分,使用 ajax 上传:

function upload(){
    var formData = new FormData($("#uploadForm")[0])  //创建一个 forData 
    formData.append('img', $('#pic_img')[0].files[0]) //把 file 添加进去  name 命名为 img
    $.ajax({
        url: /api/v1/xxxx,
        data: formData,
        type: "POST",
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        success: function(data) {
             //成功
        },
        error: function() {
              //失败
        }
      })
}

现在去试试吧

赞(3) 打赏本站

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
打赏作者
未经允许不得转载:何先生 » 示例:Ajax 上传图片
分享到: 更多 (0)

评论 1

上传图片
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 沙发

    该评论为私密评论

    yahooo
    0
    2周前 (09-03)回复 MacOS Google Chrome

何先生的博客 专注分享 更优质

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

测试夜间模式中。。晚上体验不好望见谅

何先生自用推荐:Vultr vps

限时:注册即可赠送 $25美元

服务器每月仅需:$5/月

注册