zoukankan      html  css  js  c++  java
  • ajax图片上传,单个按钮实现选择图片和上传

     //图片原件上传功能
            function gosubmit(file, key) {
                var formData = new FormData($("#inputForm")[0]);
                formData.append('pic', file.files[0]);
                $.ajax({
                    url: '***',
                    type: 'post',
                    contentType: false,
                    data: formData,
                    processData: false,
                    dataType: 'json',
                    success: function (data) {
                        $("#licencePicUrl").css('display', 'block');
                        $("#licencePicUrl").attr("src", data.url);
                        $("#licencePic").val(data.url);
                    },
                    error: function (err) {
                        alert("请检查网络");
                    }
                });
            }
    
            //图片原件上传功能	end
    

      

       <a href="javascript:;" class="file">
                            <input type="file" accept="image/jpg,image/jpeg,image/png" name="file" id="chooseImg"
                                   onchange="gosubmit(this,'0')">
                            上传图片
                        </a>
    <form id="inputForm"  method="post"
               class="form-horizontal" enctype="multipart/form-data">
  • 相关阅读:
    Set,List,Map的区别
    阅读笔记15
    阅读笔记14
    阅读笔记13
    阅读笔记12
    阅读笔记11
    阅读笔记10
    架构漫谈读后感
    阅读笔记1
    暑期周记8
  • 原文地址:https://www.cnblogs.com/zhangheliang/p/10935381.html
Copyright © 2011-2022 走看看