图片放大

dev_aliyun2
caicai8 5 years ago committed by harry
parent eefc8557d3
commit 8ba03bee41

@ -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 ) {

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

Loading…
Cancel
Save