图片上传组件也支持预览功能

one_stop_public/filePreview/index.jsx

@@ -45,33 +45,45 @@ export default class index extends Component {
       pathName?.indexOf('.png') !== -1 ||
       pathName?.indexOf('.jpeg') !== -1 ||
       pathName?.indexOf('.gif') !== -1 ||
-      pathName?.indexOf('.bmp') !== -1;
+      pathName?.indexOf('.bmp') !== -1 ||
+      pathName?.indexOf('.jpg') !== -1;
     let type;
+    let isImg;
     if (pathName?.indexOf('.pdf') !== -1) {
       isShow = true;
+      isImg = false;
       type = 'pdf';
+    } else if (pathName?.indexOf('.jpg') !== -1) {
+      isShow = true;
+      isImg = true;
+      type = 'jpg';
     } else if (pathName?.indexOf('.mp3') !== -1) {
       isShow = true;
+      isImg = false;
       type = 'mp3';
     } else if (pathName?.indexOf('.mp4') !== -1) {
       isShow = true;
+      isImg = false;
       type = 'mp4';
     } else if (pathName?.indexOf('.csv') !== -1) {
       isShow = true;
+      isImg = false;
       type = 'csv';
     } else if (pathName?.indexOf('.png') !== -1) {
+      isImg = true;
       isShow = true;
       type = 'png';
     } else if (pathName?.indexOf('.gif') !== -1) {
+      isImg = true;
       isShow = true;
       type = 'gif';
     } else if (pathName?.indexOf('.bmp') !== -1) {
       isShow = true;
+      isImg = false;
       type = 'bmp';
     } else {
       isShow = false;
     }
-    console.log(FileViewer);
     return (
       <>
         {isShow ? (
@@ -82,9 +94,13 @@ export default class index extends Component {
             okText="下载"
             cancelText="预览"
           >
+            {isImg ? (
+              <img src={path} alt={pathName} />
+            ) : (
               <a target="_blank" href={path}>
                 {pathName}
               </a>
+            )}
           </Popconfirm>
         ) : (
           <a target="_blank" href={path}>

one_stop_public/tableCompon/index.jsx

@@ -2021,15 +2021,15 @@ export default class tableCom extends Component {
               cm = (
                 <ul>
                   {files.map((f, index2) => {
-                    if (f.path.indexOf('.png') != -1 || f.path.indexOf('.jpg') != -1) {
-                      return (
-                        <img
-                          key={index2}
-                          style={{ width: 100, height: 100 }}
-                          src={queryApiActionPath() + f.path}
-                        />
-                      );
-                    }
+                    // if (f.path.indexOf('.png') != -1 || f.path.indexOf('.jpg') != -1) {
+                    //   return (
+                    //     <img
+                    //       key={index2}
+                    //       style={{ width: 100, height: 100 }}
+                    //       src={queryApiActionPath() + f.path}
+                    //     />
+                    //   );
+                    // }
                     if (get === 'web') {
                       return (
                         <li key={index2}>
@@ -2049,26 +2049,26 @@ export default class tableCom extends Component {
               );
             } else {
               const files = !isEmpty(ary) ? ary : [];
-              console.log(files);
               cm = (
                 <ul>
                   {Array.isArray(files) &&
                     files.map((f, index2) => {
-                      if (f.filePath.indexOf('.png') != -1 || f.filePath.indexOf('.jpg') != -1) {
+                      // if (f.filePath.indexOf('.png') != -1 || f.filePath.indexOf('.jpg') != -1) {
+                      //   return (
+                      //     <img
+                      //       key={index2}
+                      //       style={{ width: 100, height: 100 }}
+                      //       src={queryApiActionPath() + f.filePath}
+                      //     />
+                      //   );
+                      // }
+                      if (get === 'web') {
                         return (
-                          <img
-                            key={index2}
-                            style={{ width: 100, height: 100 }}
-                            src={queryApiActionPath() + f.filePath}
-                          />
+                          <li key={index2}>
+                            <FilePreview path={queryApiActionPath() + f.path} pathName={f.name} />
+                          </li>
                         );
                       }
-                      // if(get === 'web'){
-                      //   return <li key={index2}><FilePreview
-                      //                 path={queryApiActionPath() + f.path}
-                      //                 pathName={f.name}
-                      //                 /></li>
-                      // }
                       return (
                         <li key={index2}>
                           <a
@@ -2097,7 +2097,12 @@ export default class tableCom extends Component {
           if (obj[dataColumn.base52] == null || obj[dataColumn.base52] == '') {
             cm = <div style={{ width: json.width, height: json.height }}></div>;
           } else {
-            cm = (
+            cm = FilePreview ? (
+              <FilePreview
+                path={config.httpServer + obj[dataColumn.base52]}
+                pathName={obj[dataColumn.base52]}
+              />
+            ) : (
               <img
                 src={config.httpServer + obj[dataColumn.base52]}
                 style={{ width: json.width, height: json.height }}