Tag: 图片

如何从图像url获取图像作为图像文件对象？: for(let k = 0; k < propertyDetailResponse.images.length; k++) { let ImgFile = new File(["image"], propertyDetailResponse.images[k].image); this.state.gallery.image_ids.push(ImgFile) } 这是我的代码。 propertyDetailResponse.images[k].image包含图片url。我需要ImgFile作为图像文件对象，因为我们正在上传图像文件

Node.js：如何从jpg中提取embedded的缩略图，而无需首先加载完整的jpg？: 我正在创build一个Raspberry Pi Zero W安全摄像机，并试图使用Node.js集成运动检测。使用Pi相机模块以8百万像素（3280×2464像素，每张图像大约5MB）拍摄图像。在Pi Zero上，资源是有限的，因此将整个图像从文件加载到Node.js 可能会限制我可以捕获的速度，然后评估大型照片。令人惊讶的是，我在一个背景时间stream逝过程中每秒钟捕获大约两个8MB的图像，并希望至less每秒钟大概继续捕捉最大尺寸的图像。一个可以帮助解决这个问题的资源就是从大图中提取embedded的缩略图（在raspistill应用程序中定制的缩略图大小）。你有没有想法，我怎么可以从一个大的图像快速提取缩略图，而不需要在Node.js中加载完整的图像？到目前为止，我在这里find了部分答案。我猜我会通过一个缓冲区以某种方式pipe理这个？

图像被裁剪时，'Filereader'不会改变'reader'值，为什么？: 我使用“FileReader”从input框中的原始图像中检索数据，但当裁切图像时，我无法获得新的读取器值。所以当我在亚马逊上传时，我仍然有原始图像。当我裁剪图像时，如何获得新的读者价值？ JavaScript代码： require(['cropper']); $('body').on('change', '#image-of-shop', function(e) { e.preventDefault(); var overlay = $('<div class="page-overlay image-crop"></div>'), content = $('<div class="image-wrap"></div>'); content.append('<a href="#" class="close-static" data-event="close-crop"></a>'); var files = e.target.files; var f = files[0]; fileName = f.name; var reader = new FileReader(); reader.onload = function(theFile) { return function(e) { content.append('<img id="cropper" src="' + e.target.result + '" />'); […]

如何在JavaScript中设置JPEG / PNG图像的分辨率/密度？: 我需要在javascript中更改JPG / PNGtypes图像的分辨率/密度。我需要这样做的原因是，我可以将图像发送到第三方API，然后根据分辨率/密度元数据知道每英寸有多less像素（DPI / PPI）要打印。有没有这样的解决scheme在JavaScript？

使用JS将网页的元素保存为图像: 我知道这个问题之前已经被问过了，但是所有的答案都是在几年前，所以也许有些改变。我发现这个https://github.com/apollolm/phantasm ，这正是我所需要的。但是我在OSX上，似乎不被支持。那么，我怎样才能使用javascript来保存一个网页partulcar部分的图像？

在csv / xlsx文件中写入图像的正确方法是什么？: 我试图写一个图像，到一个CSV文件。该脚本写入文件，但图像的内容是混乱的。长序列 \u0000\u0010JFIF\u0000\u0001\u0001 。有人可以指出我在编码丢失什么，或者我应该做的东西吗？要testing： mkdir so-38711430; cd so-38711430; npm init -y; npm i -S lodash json2csv; mkdir so-38711430; cd so-38711430; npm init -y; npm i -S lodash json2csv; 'use strict'; const _ = require('lodash'); const json2csv = require('json2csv'); const fs = require('fs'); let rows = [ { 'id': 1, 'name': '12323', }, […]

节点 – 从图像缓冲区parsingiptc数据: 试图find一种方法来从图像文件缓冲区中提取IPTC数据，在npm上有现有的库，允许您打开和从本地文件系统读取文件，但我在AWS S3上存储文件，宁愿使用缓冲区创build不必要的磁盘写入。不知道从哪里开始，也许开始看看这个模块如何工作： https ： //www.npmjs.com/package/extract-iptc并创build我自己的模块？还是有更简单的方法，我错过了？

尝试使用内容types图像/ jpeg进行响应时发生图像中断: 在我的前端html中，我想要一个带有“/ uploads / profilePicture”源码的img标签。在node / express中处理请求时，我想validation用户，从文件系统加载用户的configuration文件图片，并使用图像数据进行响应。我的代码基本归结为： app.get('*', function(req, res, next) { /* Some code leading to the function getProfilePicture */ }); function getProfilePicture(req, res, next) { loadFile('uploads/' + req.user.local.picture, function(image) { res.writeHead(200, { 'Content-Type': 'image/jpeg' }); res.end(image); }); }; 代码运行时，前端会显示一张破损的图像，但控制台中不会显示错误信息。有趣的是，这是以前为我工作。前一段时间，我的路由代码是非常不通用的，因为它为我网站上的每个页面使用了一个app.get() 。所以我用app.get('/uploads/profilePicture')而不是app.get('*') 。这可能是问题吗？编辑：我正在使用节点v0.10.35和快车3.0.6。编辑2： testing与Express 3.19.1，仍然无法正常工作。

在JavaScript / NodeJS和电子的图像DPI？: 我正在使用Electron创build一个主要用于Mac OS X的应用程序。用户可以将图像拖放到页面上，页面会创build一个带有丢弃图像源path的<img> ，用户可以看到图像。问题如果用户在视网膜显示屏上截图，然后将图像放到页面上，图像将以双倍大小显示。我需要以某种方式知道显示这个图像的一半的自然尺寸。可能的scheme 我相信如果检查其DPI，我应该能够可靠地判断图像是否是视网膜。在Mac上的预览应用程序中，我可以看到图像是144 DPI。基本上，如果DPI是144或更大，那么它是视网膜，对吗？有没有一些方法来读取这些数据，给定的图像，使用电子的本地图像或NodeJS？注意： Mac OS X将屏幕截图作为PNG，因此没有exif数据。编辑和更新：我相信我可以通过查看HEX信息来分辨图像的DPI。即， fs.readFileSync('file.type').toString('hex') ，那么对于PNG来说，如这里提到的那样寻找70 48 59 73 ，或者如这里所提到的，JPG寻找FFD8FFE000104A464946000101 。我现在遇到的问题是在从剪贴板粘贴图像时试图使用Electron的NativeImage。如果我从剪贴板中粘贴一个PNG，并执行nativeImage.toPng().toString('hex') ，则输出如下内容： 89504e470d0a1a0a0000000d49484452000001fc000001680806000000b2a54946000005c249444154789cedd5410dc03010c0b0ae448f3f8a0dc554a9b111e4976766de05005c6d9f0e0000fe67f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f8001060f80010f0014a0204ec5f3e63f20000000049454e44ae426082 在这个string中，我可以findDPI信息？编辑和更新2：我想知道这可能是一个在电子内的错误。当我从“预览”中复制144 PPI的图像并将其粘贴到我的应用程序中时，将其从我的应用程序中复制出来并粘贴到新的预览窗口中，它将变为72 PPI。 Electron是否可能剥离出这些信息？大块由@robertklep请求，这里是大块的截图（对不起，我覆盖在我的应用程序复制，所以我现在不能实际上复制文本）。初始图像复制/粘贴后

节点JS）未定义的图片上传问题: var http = require('http'); var express = require('express'); var request = require('request'); var mysql = require('mysql'); var bodyParser = require('body-parser'); var fs = require('fs'); var multer = require('multer'); var app = express(); app.use(bodyParser.json()); app.use(express.bodyParser()); app.use(app.router); app.use(multer( {dest:'./uploads/', onFileUploadStart : function(file){ console.log('File recieved:'); console.log(file); }, onFileUploadData:function (file,data){ console.log('Data recieved'); }, onParseEnd: function(req,next){ next(); } })); app.use(express.static(__dirname+"/public")); […]