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：變長，無字符集的二進位制大物件，大小寫敏感