[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories":3,"blog-category-gas":78},[4,10,14,19,24,30,36,40,45,51,55,58,62,68,73],{"id":5,"databaseId":6,"name":7,"slug":8,"count":9},"dGVybTo1NQ==",55,"AI","ai",2,{"id":11,"databaseId":12,"name":13,"slug":13,"count":9},"dGVybTo2MQ==",61,"backend",{"id":15,"databaseId":16,"name":17,"slug":18,"count":16},"dGVybToyMA==",20,"Devops","devops",{"id":20,"databaseId":21,"name":22,"slug":22,"count":23},"dGVybToxNQ==",15,"frontend",25,{"id":25,"databaseId":26,"name":27,"slug":28,"count":29},"dGVybTo2MA==",60,"GAS","gas",1,{"id":31,"databaseId":32,"name":33,"slug":34,"count":35},"dGVybTo5",9,"HTML","html",4,{"id":37,"databaseId":38,"name":39,"slug":39,"count":29},"dGVybToyMg==",22,"mac",{"id":41,"databaseId":42,"name":43,"slug":43,"count":44},"dGVybTo2",6,"node",18,{"id":46,"databaseId":47,"name":48,"slug":49,"count":50},"dGVybTo2OQ==",69,"Nuxt","nuxt",3,{"id":52,"databaseId":53,"name":54,"slug":54,"count":50},"dGVybTo1NA==",54,"office",{"id":56,"databaseId":9,"name":57,"slug":57,"count":21},"dGVybToy","omekas",{"id":59,"databaseId":60,"name":61,"slug":61,"count":16},"dGVybToxNg==",16,"vue",{"id":63,"databaseId":64,"name":65,"slug":66,"count":67},"dGVybTo1",5,"WordPress","wordpress",13,{"id":69,"databaseId":29,"name":70,"slug":71,"count":72},"dGVybTox","無","uncategorized",null,{"id":74,"databaseId":75,"name":76,"slug":77,"count":9},"dGVybTo3MA==",70,"生活","life",[79],{"id":80,"slug":81,"title":82,"description":83,"content":84,"date":85,"image":86,"imageAlt":82,"author":87,"categories":90,"path":92,"minRead":29},3634,"使用-gas-建立檔案上傳後端","使用 GAS 建立檔案上傳後端","使用 GAS 建立檔案上傳後端 之前建立了一組 LIFF + GAS API 的問卷流程，後續出現了需要上傳圖 […]","\u003Ch1>使用 GAS 建立檔案上傳後端\u003C\u002Fh1>\n\u003Cp>之前建立了一組 LIFF + GAS API 的問卷流程，後續出現了需要上傳圖片的需求，結果發現一樣可以透過 GAS 去對 Google Drive 存取，就稍微改造了一下XD\u003C\u002Fp>\n\u003Cp>這篇僅記錄 GAS 端接收圖片資料後的處理。\u003C\u002Fp>\n\u003Ch2>圖像 Blob 化\u003C\u002Fh2>\n\u003Cp>需要先拆解接收的 base64 字串，原本長得像「data:image\u002Fpng;base64, xxxxxxxxx」要把 data:image\u002Fpng;base64 拆掉，剩下後面的 base64 字串。\u003C\u002Fp>\n\u003Cp>拆解完後再重新建立 blob 物件(Binary Large Object)\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-jsx\">const base64String = imageBlobstring.split(';base64,').pop();\nconst imageBlob = Utilities.newBlob(Utilities.base64Decode(base64String), 'image\u002Fpng','test.png');\u002F\u002F需要指定檔名\nconst image = imageBlob;\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>直接建立檔案\u003C\u002Fh2>\n\u003Cp>記得要先開放 Google Drive 的存取權限，開放給所有人編輯\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-jsx\">file = Drive.Files.create(file, image, {'fields': 'id,size'});\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>指定資料夾\u003C\u002Fh2>\n\u003Cp>如果不調整資料夾，則會在 Google Drive 的根目錄，當然不太可能這樣做，因此要調整資料夾位置\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-jsx\">\u002F\u002F 取得資料夾\n\u002F\u002Fhttps:\u002F\u002Fdrive.google.com\u002Fdrive\u002Fu\u002F0\u002Ffolders\u002F<FolderId> 記得要開權限\nvar folder = DriveApp.getFolderById('<FolderId>'); \n\n\u002F\u002F 在資料夾中創建文件\nvar createdFile = folder.createFile(image);\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>全部程式碼\u003C\u002Fh2>\n\u003Cpre>\u003Ccode class=\"language-jsx\">function uploadFile(imageBlobstring) {\n  try {\n    \u002F\u002F Makes a request to fetch a URL.\n    \u002F\u002Fconst image = UrlFetchApp.fetch('http:\u002F\u002Fgoo.gl\u002Fnd7zjB').getBlob();\n    const base64String = imageBlobstring.split(';base64,').pop();\n\n    const imageBlob = Utilities.newBlob(Utilities.base64Decode(base64String), 'image\u002Fpng','test.png');\u002F\u002F需要指定檔名\n    Logger.log(imageBlob);\n    const image = imageBlob;\n    let file = {\n      name: 'google_logo.png',\n      mimeType: 'image\u002Fpng'\n    };\n    \u002F\u002F \u002F\u002F Create a file in the user's Drive.\n    \u002F\u002F file = Drive.Files.create(file, image, {'fields': 'id,size'});\n    \u002F\u002F 獲取資料夾\n    var folder = DriveApp.getFolderById('1JOGpsxxAD8ijbT3hIjFATE2daRvaKVN4');\n\n    \u002F\u002F 在資料夾中創建文件\n    var createdFile = folder.createFile(image);\n\n    Logger.log('ID: %s, File size (bytes): %s', createdFile.getId(), createdFile.getSize());\n  } catch (err) {\n    \u002F\u002F TODO (developer) - Handle exception\n    Logger.log('Failed to upload file with error %s', err.message);\n  }\n}\u003C\u002Fcode>\u003C\u002Fpre>\n","2024-01-24T10:48:42","\u002Fapi\u002Fproxy-image?url=https%3A%2F%2Fpost.billxu.net%2Fwp-content%2Fuploads%2F2024%2F01%2Ffe8a42d7-145a-408d-bd5f-e5f17d21cdad.jpeg",{"name":88,"link":89},"Chih Fan","http:\u002F\u002Fpost.billxu.net",[91],{"name":27,"slug":28},"\u002Fblog\u002F使用-gas-建立檔案上傳後端"]