Tag: 图像

设置缩略图图像内容types: 我需要为缩略图图像设置Content-Type 。我尝试过，如下图所示。但它不起作用。但是，它存储为一个stream。天青function： index.json var Jimp = require("jimp"); module.exports = (context, myBlob) => { // Read image with Jimp Jimp.read(myBlob).then((image) => { // Manipulate image image .resize(200, Jimp.AUTO) .greyscale() .getBuffer(Jimp.MIME_JPEG, (error, stream) => { if (error) { context.log(`There was an error processing the image.`); context.done(error); } else { context.log(`Successfully processed the image`); stream.set("Content-Type", Jimp.MIME_JPEG); […]

如何将Uint8ClampedArray数组转换为node.js中的png图像？: 我使用这个库来读取PNG图像，但一般来说 https://www.npmjs.com/package/pngjs2 如果我有一个Uint8ClampedArray，数组的宽度和高度，我怎么能转换，并保存为一个PNG图像node.js？谢谢

使用nodejs在mongodb中添加另一个图像path: 我能够在mongodb中存储图像path。在这里我以图像格式存储图像path。使用文档ID我需要添加另一个图像，即我想推入另一个图像path到该数组。所以我的问题是如何可以在mongodb中存储另一个图像path。这里我使用htmlfile upload图片。这是我的代码index.html <form id="uploadForm" enctype="multipart/form-data" action="/api/file" method="post" > <input type="file" name="userFile"/> <input type="submit" value="Upload File" name="submit"> </form> 这是我的服务器代码server.js var express=require('express'); var multer=require('multer'); var bodyParser = require('body-parser'); var Image=require('./models/image'); var Product=require('./models/product'); var mongoose=require('mongoose'); var path = require('path'); var rand; var urlencodedParser = bodyParser.urlencoded({ extended: false }); var config = require('./config'); mongoose.connect(config.mongoUrl); var db […]

如何使用JavaScript / Node.js创build图像？: 我怎样才能创build一个像个人资料卡，我将修改一些文字和颜色，然后使其成为一个形象？我不知道从哪里开始。

上传图像与反应和节点没有req.files: 我正在处理file upload的react / node。我没有将文件传递到API请求，而是传递到API请求的正文部分。我的反应代码就像， import React, { Component } from 'react'; import request from 'superagent'; class App extends Component { constructor(props) { super(props); this.state = { image1: '', }; this.handleUploadFile = this.handleUploadFile.bind(this); this.handleSubmit = this.handleSubmit.bind(this); }; handleUploadFile = (event) => { console.log("event", event.target); this.setState({ image1: event.target.files[0], }); } handleSubmit(e) { e.preventDefault(); const dataDemo […]

数组中的特征项: 我有一个包含在variables“foundListings.currentimages”下面的图像链接数组。在前端，用户可以检查“特色”框以select要显示的图像。所有这一切运作良好。但是，我不知道如何将foundListings.currentimages下的图像移动到数组的前面。（如果它在arrays的前面，它的特色。）我将如何更改代码foundListings.currentimages.splice(index2, 1); 不从数组中删除项目，而是把它放在数组中？谢谢你的帮助！ 🙂 // SELECTING FEATURED IMAGE // if any images have been selected for feature, — add it to front of array if(req.body.feature && req.body.feature.length) { for(var i = 0; i < req.body.feature.length; i++) { var index2 = foundListings.currentimages.indexOf(req.body.feature[i]); foundListings.currentimages.splice(index2, 1); } } foundListings.save(); }

在Node.js中如何将multipart / form-data上传的图像转换为base64格式: 我想让用户从本地文件系统中select一个图像，然后将这个图像渲染到页面上的一个canvas元素。由于安全约束（'沙盒'浏览器安全模型），客户端javascript不能直接访问文件系统上的映像，因此必须从file upload控件中以“multipart / form-data”的forms往返服务器。我不想实际上将这个图像保存在服务器上并提供，因为这只是一次性的客户端操作目的。所以，我想知道是否有可能将服务器端的图像数据转换成可以发送回客户端的base64编码表示。然后，我可以很容易地把它作为数据的URL，而不需要将图像保存在服务器上的任何地方。或者，还有更好的方法？我在服务器上使用node.js。

Expressjs：res.download期间的图像文件编码问题: 我有一个非常普通的node.js服务器，expressjs在本地安装用于开发目的; 我存储各种文件，并通过基本的HTTP调用请求它们，通过快速的res.downloadfunction返回文件。大多数情况下，这个工作没有困难。然而，对于非常小的文件子集，最终用户收到的文件比预期的要大得多（几乎是2倍），而且任何传统的查看器都无法读取。可能有一百个文件，这只发生了两次，都是JPG文件，但样本太小，不能得出任何结论。我知道的：这个问题是可复制的：如果它发生在一个文件，它总是发生; 问题与文件存储方式无关：如果将有问题的文件与另一个文件交换，但保留其他所有内容（名称，位置等），则工作正常; 在res.download发生之前，文件是好的：用fs.stats检查它的大小返回正确的值 HTTP响应遇到不可见的问题：没有错误，200响应代码… 源文件似乎有正常的元数据和JPG标记更新我做了一些testing，并且这个问题似乎与编码有关：被破坏的响应文件由于未知的原因而以UTF-8编码; 所有非UTF-8字符被EF BF BD （未知的字符符号）替代时，大小不一致！我仍然无法理解为什么会发生这种情况，是什么使这几个文件与其他文件不同，以及是否能够在上游进行检测和/或纠正。更新2经过一些额外的testing，我仍然不能确定原因，但我可以添加以下信息：系统方面，问题发生在fs.js中的数据stream中根本原因位于图像EXIF数据中的某处对于那些感兴趣的，可以在这里find源图像（source.JPG）和下载结果（response.JPG）： http : //www.sycomor.fr/test/ ; 我也添加了一个不受下载影响的类似图像，并且干净。对于什么是值得的，两张照片分开拍摄，相同的设置相同的照相机，所以我坚信这个问题是由一些外部来源造成的。谢谢！

压缩和调整用户上传的图像的大小: 我正在build立一个网站，有很多用户上传的图像（如airbnb假设）到现在为止，该网站会上传你提交给亚马逊S3的任何图像，然后相应显示。有时这些图像太重，并增加页面加载时间。我想调整这个图像到需要的分辨率，并尽可能压缩（转换为JPEG），以加快加载时间，减lessstream量。我发现这可以通过以下方式来完成：创build一个HTMLcanvas，在浏览器中进行相关的转换，然后上传。将图像上传到服务器，然后运行一些后端任务以减小尺寸和压缩。每种方法有哪些好处？这是最常见的？我应该在每种情况下考虑什么？我的堆栈目前是node.js / angular。由于项目处于开发阶段，我现在不打算使用CDN 提前致谢！

Node.js不能每三次刷新一次获取静态文件: 我有一个静态页面设置指向我的图像目录是由一个单独的服务器上的网站拉。出于某种原因，当我直接进入图像URL的图像加载（铬），如果我刷新页面，它给了我这样一个错误： Cannot GET /users/picture 我的app.js有这个： var app = express(); app.disable('view cache'); app.use(express.static(__dirname + '/public')); //setup static public directory app.use('/users/picture', express.static('./public/images/users')); … 加上一些路线和其他的东西，如multer（）的图片上传。出于某种原因，如果在Bluemix上刷新生产服务器上的页面，则图片每三次加载一次。否则，它给了我这个不能GET路线错误。它可能与内存有关吗？