优化图片上传和显示

liujun001
1 parent d6fa5a51
Showing 4 changed files with 12 additions and 8 deletions
src/api/driver/driver.js
src/components/ImageUpload/index.vue
src/utils/request.js
src/views/driver/driver/index.vue
@@ -38,7 +38,7 @@ export function addDriver(data) {
 // 修改驾驶员信息
 export function updateDriver(data) {
   return request({
-    url: '/driver/driver',
+    url: '/driver/driver/edit',
     method: 'put',
     data: data
   })
@@ -64,7 +64,7 @@ const number = ref(0);
 const uploadList = ref([]);
 const dialogImageUrl = ref("");
 const dialogVisible = ref(false);
-const baseUrl = import.meta.env.VITE_APP_BASE_API;
+const baseUrl = "";
 const uploadImgUrl = ref(import.meta.env.VITE_APP_BASE_API + props.uploadUrlSuffix); // 上传的图片服务器地址
 const headers = ref({ Authorization: "Bearer " + getToken() });
 const fileList = ref([]);
@@ -73,17 +73,17 @@ const showTip = computed(
 );
 watch(() => props.modelValue, val => {
+  console.log("value=========>"+val);
+  
   if (val) {
     // 首先将值转为数组
     const list = Array.isArray(val) ? val : props.modelValue.split(",");
     // 然后将数组转为对象数组
     fileList.value = list.map(item => {
+      console.log("111111111111111111111111");
+      
       if (typeof item === "string") {
-        if (item.indexOf(baseUrl) === -1) {
-          item = { name: baseUrl + item, url: baseUrl + item };
-        } else {
-          item = { name: item, url: item };
-        }
+        item = { name: item, url: item };
       }
       return item;
     });
@@ -174,6 +174,9 @@ function handleUploadError() {
 // 预览
 function handlePictureCardPreview(file) {
+  console.log("file.url:"+file.url);
+  console.log(file);
+  
   dialogImageUrl.value = file.url;
   dialogVisible.value = true;
 }
@@ -17,7 +17,7 @@ const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   baseURL: import.meta.env.VITE_APP_BASE_API,
   // 超时
-  timeout: 10000
+  timeout: 90000
 })
 // request拦截器
@@ -248,6 +248,7 @@ function handleUpdate(row) {
     form.value = response.data;
     open.value = true;
     title.value = "修改驾驶员信息";
+
   });
 }