博客列表 >h5上传图片

h5上传图片

夏日的烈风的博客
夏日的烈风的博客原创
2018年12月24日 15:26:391891浏览

<img style="display: none" id="upload_org_code_img" src="" width="150" height="150">
<input type="file" id="user">
<input id="file_upload_image" name="thumb" type="hidden" value="">



$('#user').change(function () {
   var files = document.getElementById('user').files[0]
   var formData = new FormData();
   formData.append("file", files)
   console.log(formData)
   $.ajax({
       type: "post",
       url: "{:url('api/image/upload')}",
       contentType: false,
       processData: false,
       data: formData,
       async: false,
       dataType: 'json',
       success: function (res) {
           if (res.code == 1) {
               $("#upload_org_code_img").attr("src", res.data);
               $("#file_upload_image").attr("value", res.data);
               $("#upload_org_code_img").show();
               $(".img-circle").hide()
           }else {
               layer.msg(res.msg)
           }
       }
   })
})

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议