html + js be sm.ms upload pictures to accept the return value

Copyright Notice: Copyright: This article is a blogger original article, reproduced please retain the original link https://blog.csdn.net/weixin_43365995/article/details/88990282

Reproduced, please indicate the source
code is as follows html file can be run directly

<div id="res"></div>
<script src="jquery-3.2.1.js"></script>
 <script>
    $(':input').change(function(){
        var image=this.files[0];
        var formData = new FormData();
        formData.append('smfile',image);
        $.ajax({
            url: 'https://sm.ms/api/upload',
            type: 'POST',
            data:formData,
            success: function(data){
                console.log("````````成功`````````````")
                console.log(data);
                $('#res').html(JSON.stringify(data.data.url));
            },
            error: function(data){
                console.log("````````失败`````````````")
                console.log(data);
            },
            cache: false,
            contentType: false,
            processData: false
        });
    });
    </script>