圖片base64在vue展示，base64存儲MySQL

vue，element展示base64

<el-form-item label="圖片:" prop="base64">
  <div class="demo-image__preview">
    <el-image :src="`${base64}`" :preview-src-list="srcList" />
<!-- 如果傳入的沒有前綴的(有時候前端傳遞給后端，傳遞時會去除data:image/png;base64)，如下：<img :src="`data:image/png;base64,${base64}`" /> -->
  </div>
</el-form-item>

data() {
  return {
    srcList: [],
    base64: null // 數據庫里base64字符串
  }
}

MySQL存儲base64

MySQL中可以用text存儲base64，mysql中text 最大長度為65,535(2的16次方–1)字符的TEXT列。
但是text長度不夠，可以選擇：

1. MEDIUMTEXT最大長度為16,777,215
2. LONGTEXT最大長度為4,294,967,295

mysql中的text對應oracle中的clob，又分為TINYTEXT, TEXT, MEDIUMTEXT,LONGTEXT, 都是表示數據長度類型的一種。

text 和 char varchar blob這幾種類型的區別：

char：定長，最大255個字符

varchar：變長，最大65535個字符（既是單列的限制，又是整行的限制）

text：變長，有字符集的大對象，並根據字符集進行排序和校驗，大小寫不敏感

blob：變長，無字符集的二進制大對象，大小寫敏感