ajax实现上传文件或图片

html

<input id="J-img" name="img" onchange="getImgUrl()"
 accept="image/*" type="file" class="m-file"></input>

js

 // 上传图片
        function getImgUrl() {
        	// 格式化数据
            var formData = new FormData()
            // 取到input里的值 
            // 原生取值 document.getElementById('J-img').files[0]
            formData.append('file', $('J-img')[0].files[0])
            // 调用接口
            $.ajax({
                dataType:'json',
                type:'POST',
                async: false,
                data: formData,
                processData : false, // 使数据不做处理
                contentType : false, // 不要设置Content-Type请求头
                url: 'http://xxxxxxx/upload',
                xhrFields: {
                    withCredentials: true // 这里设置了withCredentials 表示跨域请求时是否需要使用凭证
                },
                processData:false,
                success: function (res) {
              		console.log(res)
                },
                error: function (err) {
                    console.log(err)
                }
            })
        }