已选择 {{ convertedImages.length }} 张，共 {{ formatBytes(imagesTotalSize) }}
@@ -105,12 +114,15 @@ import { faUpload } from '@fortawesome/free-solid-svg-icons'
import { computed, onMounted, onUnmounted, ref } from 'vue'
import LoadingOverlay from '../components/LoadingOverlay.vue'
import formatBytes from '../utils/format-bytes'
-import {ElNotification as elNotify } from 'element-plus'
-import { requestUploadImages } from '../utils/request'
+import {ElAutocomplete,ElNotification as elNotify } from 'element-plus'
+import { requestUploadImages,requestListDir } from '../utils/request'
import { useRouter } from 'vue-router'
import ImageBox from '../components/ImageBox.vue'
import ResultList from '../components/ResultList.vue'
import type { ConvertedImage, ImgItem } from '../utils/types'
+import { requestListImages, requestDeleteImage, createFolder } from '../utils/request'
+import type { ImgReq, Folder } from '../utils/types'
+
const convertedImages = ref
([])
const imgResultList = ref([])
const imagesTotalSize = computed(() =>
@@ -121,6 +133,28 @@ const imageSizeLimit = 20 * 1024 * 1024
const input = ref()
const loading = ref(false)
const router = useRouter()
+const prefix = ref('')
+
+interface RestaurantItem {
+ value: string
+}
+const createFilter = (queryString: string) => {
+ return (restaurant: RestaurantItem) => {
+ return (
+ restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
+ )
+ }
+}
+
+
+const restaurants = ref([])
+const querySearch = (queryString: string, cb: any) => {
+ const results = queryString
+ ? restaurants.value.filter(createFilter(queryString))
+ : restaurants.value
+ // call callback function to return suggestions
+ cb(results)
+}
const onInputChange = () => {
appendConvertedImages(input.value?.files)
@@ -134,6 +168,7 @@ const onPaste = (e: ClipboardEvent) => {
onMounted(() => {
document.onpaste = onPaste
+ updateDir()
})
onUnmounted(() => {
@@ -179,7 +214,36 @@ const appendConvertedImages = async (files: FileList | null | undefined) => {
}
loading.value = false
}
+const updateDir = () => {
+
+// let dirs= Array( [
+// "o/",
+// "runoilbus/",
+// "ss/"
+// ])
+// console.log(dirs)
+// for (let index = 0; index < dirs.length; index++) {
+// const element = dirs[index];
+// dirs[index]={value:element}
+// console.log({value:element})
+
+// }
+// console.log(dirs)
+// restaurants.value=dirs
+ requestListImages( {
+ limit: 100,
+ }).then((data) => {
+ console.log(data)
+ let dirs= (data.prefixes)
+ for (let index = 0; index < dirs.length; index++) {
+ let element = dirs[index];
+ dirs[index]={value:element}
+ }
+
+ restaurants.value=dirs
+ }).catch((e) => {console.log(e)})
+}
const removeImage = (tmpSrc: string) => {
convertedImages.value = convertedImages.value.filter((item) => item.tmpSrc !== tmpSrc)
URL.revokeObjectURL(tmpSrc)
@@ -192,6 +256,9 @@ const uploadImages = () => {
for (let item of convertedImages.value) {
formData.append('files', item.file)
}
+ let p=prefix.value+'/'
+ p=p.replace('//','/')
+ formData.append("prefix",p)
requestUploadImages(formData)
.then((res) => {
+
+6. 设置环境变量`BASE_URL`
+
+ 
+
+7. 设置项目的函数信息，绑定R2和KV服务
+ 
+
+ ```typescript
+ // 请确保变量名与`functions/rest/[[path]].ts`中一致
+ // ./functions/rest/[[path]].ts
+
+ export interface Env {
+ BASE_URL: string
+ XK: KVNamespace
+ PICX: R2Bucket
+ }
+ ```
+
+ > 注意：Pages的函数变量名称需要于项目的变量名称一致，如果需要修改functions里面的Env名空间，对应的文件是`[[path]].ts`
+
+8. 设置`PICX_AUTH_TOKEN`
+
+ 前往绑定的KV中，添加`PICX_AUTH_TOKEN`条目，填写Token
+
+ 
+
+9. 重试部署，提示成功即可使用
+
### 图床截图
diff --git a/functions/rest/[[path]].ts b/functions/rest/[[path]].ts
index 557e39a..6a3cfd2 100644
--- a/functions/rest/[[path]].ts
+++ b/functions/rest/[[path]].ts
@@ -14,6 +14,7 @@ export const onRequest: PagesFunction