Tag: html5 canvas文件

从输入缩放图像

期望的结果:我想从文件上传表单中选择一个图像,将其缩放到缩略图并显示它。 问题:以下代码完全符合我的要求,但是,我必须选择文件不是一次,而是选择两次以查看图像预览。 (选择图像,没有显示,选择相同的图像,我得到缩放的显示)当我手动分配宽度和高度时,一切都很好,虽然现在我正在缩放它 – 这个问题开始了。 我需要进行代码审查! 当我注释掉if / if else / else语句并手动分配img.width和img.height为75时,我得到了显示,虽然它当然没有缩放。 previewFiles = function (file, i) { preview = function (file) { // Make sure `file.name` matches our extensions criteria switch (/\.(jpe?g|png|gif)$/i.test(file.name)) { case true: var reader = new FileReader(); reader.onload = function (e) { var img = new Image(); img.src = reader.result; var […]