var img=document.all.img1;//获取图片
var MaxWidth=129;//设置图片宽度界限@@@@@@@@@@@
var MaxHeight=115;//设置图片高度界限@@@@@@@@@@@@@@@
var HeightWidth=img.offsetHeight/img.offsetWidth;//设置高宽比
var WidthHeight=img.offsetWidth/img.offsetHeight;//设置宽高比
if(img.readyState!="complete")return false;//确保图片完全加载
if(img.offsetWidth>MaxWidth){
img.width=MaxWidth;
img.height=MaxWidth*HeightWidth;
if(img.offsetHeight>MaxHeight){
img.height=MaxHeight;
img.width=MaxHeight*WidthHeight;
<img src="" border=0 id="img1" οnlοad="Wa_SetImgAutoSize();">
效果图:代码如下:$(
function
(){$("img.smallImage").mouseenter(
function
(){var bigImageURL = $(this).attr("bigImageURL");$("img.bigImg").attr("src",bigImageURL);});$("img.bigImg").load(
function
(){$("img.smallIma...
要求:不管原图大小多大,统一
缩
小成指定宽度,高度则按照宽度
缩
小的比例自适应... 例如:原图分辨率是1000(weight) x 600(Height);假设固定宽度为200,高度自动
缩
小相同比例,最后
缩略图
尺寸为:200 x 120.
1.将以下JS代码放在页面顶部,或者放在要调整图片的前面
function
ReSizePic(ThisPic){
var RePicWidth
原理:很简单,就是监听input file表单的onchange事件。
注意:方法在ie浏览器可以实现,但是在高级浏览器非IE,就会有fakepath,图片路径加密的问题,导致显示不出上传的图片。
解决方案:引入 FileReaderFileReader API 地址:https://developer.mozilla.org/zh-CN/docs/Web/API/FileReade
1、首先使用Jacob调取WPS将office文件转为PDF(可以做到兼容office 2003、office 2007的文件);
2、通过如下代码(本人用的spring boot)将PDF文件转为图片(包括首页
缩略图
、全部所有页
缩略图
)
3、在预览页面展示首页
缩略图
,详情页会使用pdf.js获取PDF文件流,将每一页使用画布can...