图片放大

public/react/src/common/hooks/ImageLayer2.js

@@ -16,7 +16,7 @@ function ImageLayer2(props) {
         const imageSrc = event.target.src || event.target.getAttribute('src') || event.target.getAttribute('href')
         // 判断imageSrc是否是图片
         const fileName = event.target.innerHTML.trim()
-        if (isImageExtension(imageSrc.trim()) || isImageExtension(fileName) || event.target.tagName == 'IMG' || imageSrc.indexOf('base64,') != -1) {
+        if (isImageExtension((imageSrc && imageSrc.trim())) || isImageExtension(fileName) || event.target.tagName == 'IMG' || (imageSrc && imageSrc.indexOf('base64,')) != -1) {
             // 非回复里的头像图片; 非emoticons
             if (imageSrc.indexOf('/images/avatars/User') === -1 && 
                 imageSrc.indexOf('kindeditor/plugins/emoticons') === -1 ) {  

public/react/src/modules/page/layers/ImageLayer.js

@@ -3,27 +3,27 @@ import ReactDOM from 'react-dom'
 import './TaskResultLayer.css'
 
 class ImageLayer extends Component {
-
+    
-	render() {
+  	render() {
-		let { showImage, imageSrc, onImageLayerClose } = this.props;
+      	let { showImage, imageSrc, onImageLayerClose } = this.props;
-
+      	
-		// 语法介绍 https://reactjs.org/docs/portals.html
+      	// 语法介绍 https://reactjs.org/docs/portals.html
-		// 将html渲染都指定的element下
+      	// 将html渲染都指定的element下
-		return ReactDOM.createPortal(
+	    return ReactDOM.createPortal(
-			<div>
+	    	<div>
-				{showImage ?
+		    	{showImage ? 
-					<div className="taskResultLayer" onClick={onImageLayerClose} style={{ overflow: 'auto' }}>
+  		    	<div className="taskResultLayer" onClick={onImageLayerClose} style={{overflow: 'auto'}}>
-						<div className="passContent">
+  		    		<div className="passContent">
-							<div><img src={imageSrc} className="passImg" unselectable="on" /></div>
+                	<img src={ imageSrc }  className="passImg" unselectable="on" alt=""/>
-						</div>
+	  		      	</div>
-					</div>
+	            </div>
-					:
+		      	:
-					<div></div>
+		      	<div></div>
-				}
+		      	}
-			</div>,
+	      	</div>,
-			document.getElementById('root'),
+	      	document.getElementById('root'),
-		);
+  		);
-	}
+    }
 }
 
 export default ImageLayer;