上传图片到免费图床

最新推荐文章于 2023-04-27 21:35:21 发布

执。

最新推荐文章于 2023-04-27 21:35:21 发布

阅读量1.3k

点赞数 3

分类专栏： JavaScript 前端文章标签： javascript html5

本文链接：https://blog.csdn.net/qq_21484935/article/details/107211156

版权

前端同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

JavaScript

5 篇文章 0 订阅

订阅专栏

上传图片到sm.ms免费图床

最近开发，实现markdown文档编辑器，需要利用一个免费图床来存储图片，并返回图片链接和删除链接。这里就扒了下sm.ms的接口，简单版如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="file" accept="image/*">

  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.js"></script>
  <script>
    const $ref_file = document.getElementsByTagName("input")[0]
    $ref_file.onchange=function(){
      var fileSize = $ref_file.files[0].size/1024/1024
      if(fileSize > 5){
        alert("上传文件超过5M，请重新选择!");
        return
      }
      var formdata = new FormData();
      formdata.append("smfile",$ref_file.files[0]);
      axios.post("https://sm.ms/api/v2/upload" , formdata).then(
        res=>console.log(res.data)
        ).catch(
          err=>console.log(err)
          );
    }
  </script>
</body>
</html>

响应数据为：
在这里插入图片描述

执。

关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
2
评论
上传图片到免费图床

上传图片到sm.ms免费图床最近开发，实现markdown文档编辑器，需要利用一个免费图床来存储图片，并返回图片链接和删除链接。这里就扒了下sm.ms的接口，简单版如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
复制链接

扫一扫