• 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">
  • 相关阅读:
    Windows 下搭建FTP服务器
    PHP的异常以及异常存在的意义
    IE兼容性
    YII插件
    PHPCMS部件
    YII学习笔记
    MAC下PHP开发
    iframe
    centos+apache+mod_ssl
    xcode快捷键
  • 原文地址:https://www.cnblogs.com/zhangheliang/p/10935381.html
Copyright © 2020-2023  润新知