图片上传

来源：互联网发布：怎么查看淘宝下单时间编辑：程序博客网时间：2024/06/07 01:17
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="jquery-1.8.0.js"></script></head><body><input type="file" id="uploadFile" onchange="inputchange()" filetype="image/*" /><script>    // 图片选择改变事件    function inputchange(){        var file =document.getElementById("uploadFile");        if(window.FileReader){//chrome,firefox7+,opera,IE10+            oFReader = new FileReader();            oFReader.readAsDataURL(file.files[0]);            oFReader.onload = function (oFREvent) {                uploadImage(oFREvent.target.result);                // oFREvent.target.result  结果就是base64的数据            };        }    }    // 图片上传    function uploadImage(imageData){        $.ajax({            url: 'https://api.hgdqdev.cn/api/upload',            data: {                imgData: imageData // 图片数据流            },            dataType: 'json',            type: 'post',            success: function(data) {                if (data.status == 100 ) {                    var img = '#image' + tag;                    $(img).attr('src',data.imageUrl);                }else{                    alert('图片上传失败!');                }            },            error: function(xhr, type, errorThrown) {                alert('网络异常，请稍后再试！');            }        });    }</script></body></html>
阅读全文
0 0