目录
 
【1】创建仓库（GitHub里的仓库，最直白的理解，就是一个文件夹）：
 
【2】建立文件夹
 
【3】上传图片
 
【4】编写md文件，将图片显示在md文件中
 

记录笔记，不能少了图片的解释，不知你是否是这样，反正我是比价喜欢有图片的说明，图片能够使得内容更加详细。
 
这篇博文就来记录一下GitHub上如何上传图片，步骤如下：
 
【1】创建仓库（GitHub里的仓库，最直白的理解，就是一个文件夹）：
 
（1）点击Repositories，这里是仓库，会显示你所建立的所有仓库列表
 
（2）点击New绿色按钮，创建一个新的仓库
 
 
（3）出现“Create a new repository”界面，按照下图说明填写，最后点击Create repository绿色按钮，即可创建新的仓库（这里我创建的是计算机视觉各个方向论文速览的仓库，CV方向论文推荐，感兴趣的欢迎加星：https://github.com/Sophia-11/Awesome-CV-Paper-Review）
 
 
 

【2】建立文件夹
 
GitHub中，可以使用“文件名+/”完成建立文件夹的功能，即文件名称加反斜杠
 
（1）进入仓库里，点击“Create new file”按钮
 
 
（2）在空的方框里填上“images/”，建立一个存储图片的文件夹：images。
 
 
（3）GitHub中，必须建立文件才能完成建立，这里我们随便建立一个文件，稍后可以将其删除。这里我们建立的是Temp文件，即临时文件，点击下边的“Commit new file”建立新文件。GitHub中Commit按钮即为保存的意思。
 
 
 

【3】上传图片
 
（1）在已经建立好的images文件夹内，点击“Upload files ”
 
 
（2）在images界面里，点击“choose your files”选择上传的图片
 
 

【4】编写md文件，将图片显示在md文件中
 
（1）点击已经上传的图片
 
 
（2）复制图片的路径
 
 
（3）GitHub中md文件，编写图片的格式为：![](图片地址)。如：
 
![](https://github.com/Sophia-11/Awesome-CV-Paper-Review/blob/master/images/8.jpg)
 
 
（4）点击<>Edit file 旁边Preview changes按钮，可以查看修改
 
 
（5）点击下方“commit changes”保存修改，即完成图片添加至md文件
 
 
 

在开发微信小程序的客服，发送客服消息时，由于使用到了图片，于是用到了微信的临时素材库
 
上传图片
 
调用以下接口：
 
 
 
POST https://api.weixin.qq.com/cgi-bin/media/upload?access_token=ACCESS_TOKEN&type=TYPE
 
 
请求参数
 
属性
类型
默认值
必填
说明
access_token
string
是
接口调用凭证
type
string
是
文件类型
media
FormData
是
form-data 中媒体文件标识，有filename、filelength、content-type等信息
type 的合法值
 
值
说明
最低版本
image
图片

返回值
 
Object
 返回的 JSON 数据包
 
属性
类型
说明
errcode
number
错误码
errmsg
string
错误信息
type
string
文件类型
media_id
string
媒体文件上传后，获取标识，3天内有效。
created_at
number
媒体文件上传时间戳
上传后当发送消息类型为图片消息类型时可以使用 media_id
 使用微信的send接口发送客服消息给用户
 发送时数据格式：
 
{
  "touser": "OPENID",
  "msgtype": "image",
  "image": {
    "media_id": "MEDIA_ID"
  }
}
 
获取图片
 
调用以下接口
 
 
 
GET https://api.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID
 
 
请求参数
 
属性
类型
默认值
必填
说明
access_token
string
是
接口调用凭证
media_id
string
是
媒体文件
返回值
 
Buffer
 返回的图片 Buffer
 
通过这个接口，我们可以先将本地图片通过上面的 upload接口 上传至微信的临时素材库，然后通过这个 get接口 与上传后返回的 media_id，去获取临时素材库中的图片，可以与发送图文消息时使用。
 使用微信的send接口发送客服消息给用户
 发送时数据格式：
 
{
  "touser": "OPENID",
  "msgtype": "link",
  "link": {
    "title": "Happy Day",
    "description": "Is Really A Happy Day",
    "url": "URL",
    "thumb_url": "THUMB_URL"
  }
}
 
其中：thumb_url 就是 https://api.weixin.qq.com/cgi-bin/media/get?access_token=ACCESS_TOKEN&media_id=MEDIA_ID

第一步：首先将要你要上传图片放到文件夹中，注意图片名称中不能有括号
 
 
第二步：将图片上传到github上
 
 
这时你个github就会出现一个文件
 
 
点开photp.png，就会出现你上传的图片，复制网页的网址
 
 
第三步：创建一个  .md  文件，将复制的内容粘贴到 .md 文件中，并在前民加 ![image]，保存，并上传的github就成功了
 
 
资料出处--https://blog.csdn.net/Cassie_zkq/article/details/79968598

1.创建一个工具类OSSUtil.java,代码如下：
package com.qyrj.util;

import com.aliyun.oss.OSSClient;
import com.aliyun.oss.model.PutObjectRequest;
import java.io.ByteArrayInputStream;
import java.io.InputStream;
import java.util.Arrays;
import java.util.Iterator;
import java.util.UUID;
import java.util.concurrent.ConcurrentLinkedQueue;
/**
 * @author YangJie
 * @Description:图片上传至阿里OSS云库工具类
 * @Date:Created in 10:29 2018/2/2
 * @Modified By:
 */
public class OSSUtil {

  private static String endpoint = "http://oss-cn-shenzhen.aliyuncs.com";
  private static String accessKeyId = "XXXXXXX";//这里是你的授权KeyId
  private static String accessKeySecret = "XXXXXXXXXX";//这里是你的授权秘钥
  private static String bucketName = "qy-imageserver";
  /**
   * OSS的文件夹名
   */
  private static String folder = "nmqgh/";//这里是你存放图片的文件夹名
  private static String key = "http://qy-imageserver.oss-cn-shenzhen.aliyuncs.com/";

  /**
   * 上传图片
   *
   * @param fileName 文件名
   * @param inputStream 流
   */
  public String uploadImageToOSS(String fileName, InputStream inputStream) {
    /**
     * 创建OSS客户端
     */
    OSSClient ossClient = new OSSClient(endpoint, accessKeyId, accessKeySecret);
    try {
      String uuid = UUID.randomUUID().toString().replaceAll("-", "");
      String[] names = fileName.split("[.]");
      String name = uuid + "." + names[names.length - 1];
      ossClient.putObject(new PutObjectRequest(bucketName, folder + name, inputStream));
      return key + folder + name;
    } catch (Exception e) {
      e.printStackTrace();
      System.err.println(e.getMessage());
    } finally {
      ossClient.shutdown();
    }
    return null;
  }


  /**
   * 多图上传
   */
  public String[] uploadImageToOSS(String[] fileNames, InputStream[] inputStreams) {
    /**
     * 创建OSS客户端
     */
    OSSClient ossClient = new OSSClient(endpoint, accessKeyId, accessKeySecret);
    try {
      ConcurrentLinkedQueue concurrentLinkedQueue = new ConcurrentLinkedQueue(
          Arrays.asList(fileNames));
      ConcurrentLinkedQueue<InputStream> streamConcurrentLinkedQueue = new ConcurrentLinkedQueue<>(
          Arrays.asList(inputStreams));
      Iterator<InputStream> inputStreamss = streamConcurrentLinkedQueue.iterator();
      ConcurrentLinkedQueue c = new ConcurrentLinkedQueue();
      for (Iterator<String> iterator = concurrentLinkedQueue.iterator();
          iterator.hasNext() && inputStreamss.hasNext(); ) {
        String uuid = UUID.randomUUID().toString().replaceAll("-", "");
        String[] names = iterator.next().split("[.]");
        String name = uuid + "." + names[names.length - 1];
        ossClient.putObject(new PutObjectRequest(bucketName, folder + name, inputStreamss.next()));
        c.add(key + folder + name);
      }
      return (String[]) c.toArray(new String[0]);
    } catch (Exception e) {
      e.printStackTrace();
      System.err.println(e.getMessage());
    } finally {
      ossClient.shutdown();
    }
    return null;
  }


  /**
   * 删除图片 警告：在没有调用其他方法的情况下，请调用closeClient方法
   *
   * @param url URL全路径
   */
  public void deleteImg(String url) {
    OSSClient ossClient = new OSSClient(endpoint, accessKeyId, accessKeySecret);
    if (url == null || "".equals(url)) {
      return;
    }
    String[] paths = url.split("[.]");
    /**
     * 文件夹是否存在
     */
    if (!ossClient.doesObjectExist(bucketName, folder)) {
      ossClient.putObject(bucketName, folder, new ByteArrayInputStream(new byte[0]));
    }
    String[] name = paths[paths.length - 2].split("[/]");
    /**
     * 对象是否存在
     */
    if (ossClient
        .doesObjectExist(bucketName,
            folder + name[name.length - 1] + "." + paths[paths.length - 1])) {
      /**
       * 删除存在对象
       */
      ossClient
          .deleteObject(bucketName, folder + name[name.length - 1] + "." + paths[paths.length - 1]);
    }
    ossClient.shutdown();
  }
}
 
2.所需依赖jar包，我这里用的是Maven：
 

 <!-- oss -->
    <dependency>
      <groupId>com.aliyun.oss</groupId>
      <artifactId>aliyun-sdk-oss</artifactId>
      <version>2.2.3</version>
    </dependency>