上传图像API需要二进制流。我尝试过新的FileReader()和它的readAsBinaryString()方法，但是它不起作用！二进制字符串和二进制流似乎不是一回事，所以我改变了方法，尝试了readAsDataURL()方法(因为我需要预览图像)，现在我想知道：
1)如何使用base64 js将转换为二进制流。
当我使用readAsBinaryString()时，响应如下(数据A)：
但是API需要这样的东西(数据B)：
2)有人知道如何将dataA (上图)转换为dataB (图片下移)？
浏览 4提问于2016-09-19得票数 0
因此，我使用一个名为vue-cropper.js的npm包来裁剪图像，并将裁剪后的图像上传到远程服务器。然而，上传部分的裁剪图像不工作，因为所有我得到的是一个CORS错误。但问题是，当我上传一张没有裁剪的图片时，它是有效的，并且没有错误。我不明白我做错了什么。 我已经检查过无数次cropper.js文档，它们告诉您要做的就是创建一个blob，并将其附加到表单数据中，然后再进行POST。再一次，这就是我正在做的。 这是我的裁剪组件的模板。 <vue-cropper
v-show="imageSrc"
class="vue-cropp
浏览 31提问于2019-05-06得票数 1
2回答
如何在next.js API路由中上传图像并将其保存在公用文件夹中？我已经准备好前端了。我使用普通的JavaScript将图像上传到端点。这是用于上传图像的onSubmit函数。如果我在这里做错了就建议我。主要的问题是我如何检索它？
const onSubmit=async(e)=>{
e.preventDefault();
const fd=new FormData()
fd.append('myfile',image.name)
let res=await fetch(`http://localho
浏览 15提问于2022-06-17得票数 1
回答已采纳
我创建了一个表register3。注册时，用户给定的详细信息存储在mysql表中，默认情况下，我想要本地文件夹中的图像作为配置文件图像，并将路径保存到mysql
当用户上传他想要的图片时，需要用上传的图片来更新默认图片。并且图像必须存储在给定路径的文件夹中，并且mysql中的路径也应该更新。
代码：
<!-- begin snippet: js hide: false console: true babel: false -->
浏览 14提问于2017-12-16得票数 0
1回答
我正在做一个项目，在这个项目中我需要将图片上传到google云服务。
问题是，在web浏览器中将图像上传到google云服务的步骤是什么，我更喜欢将其直接上传到客户端的google云服务，而不是上传到我的web服务器，然后再上传到google。这似乎需要太多的步骤。
一个小背景是，这将在移动web浏览器中发生。
步骤：
用户将在单击启动其相机的按钮后拍摄照片，用户将单击保存，图像将直接上传到谷歌云服务，该服务将返回该图像的给定id，并将其存储在表中
我已经阅读了google云服务文档，但我发现的信息主要是直接与android/ios存储相关的。我知道你不能使用ajax上传图片，但你可以在ifr
浏览 2提问于2013-09-09得票数 1
我让我的用户上传他们的个人资料图片，它显示为一个150x150像素的圆圈，当他选择上传到Firebase时，我希望图片被调整大小/压缩。下面是我用来选择和上传图片的JavaScript： <label for="upload-picture" class="upload-picture button-small">Upload Picture</label>
<input id="upload-picture" type="file" style="display: none"
浏览 22提问于2021-07-10得票数 2
回答已采纳
这方面有几个问题，但不知何故，它们都没有解决我的问题。我想做的就是在我的网站上显示亚马逊的S3图片。
一些信息：
我正在对指向图像源属性的直接链接(出于测试目的)进行硬编码，但是图像从未出现过。
每当我访问直接链接时，我都会得到一个灰色的方形小图像(与我试图上传的图片不同)。
我还公布了我的桶政策，并更新了CORS。这是他们的设置：
桶策略
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "AddPerm&
浏览 2提问于2018-02-20得票数 0
1回答
来自slack#help频道的交叉帖子... 我正在为一个包含博客组件的客户端创建一个Sanity/Nuxt站点。他的主要营销来源是Instagram，由于Instagram的API只允许发布单一图片，我正试图以相反的方式来做这件事。我正在设置一个Netlify函数，客户端将粘贴到Instagram post的链接，该函数将使用/?__a=1技巧通过URL从Instagram获取公共数据。我想做的是从该Instagram帖子中获取所有图像，将它们作为资产上传，然后使用上传的图像创建博客帖子。我已经修改了内置的Netlify函数来创建一个健全的文档，在这个文档中，我将图像拉取为arrayBuf
浏览 15提问于2021-04-26得票数 1
我正在尝试上传base64string格式的图片。在这里，我使用alamofire和swift上传带有一些参数的图像。但是我的照片没有上传到服务器上。请检查我的代码，让我知道我哪里做错了。我的代码是：
func postRegistrationPlayerProfile(urlExtension: String, callback: @escaping(Bool,String?) -> Void,parameters:[String:Any]) -> Void {
let fullURL = URL(string: urlExtension)!
l
浏览 14提问于2020-05-25得票数 5
2回答
我已经设计了一个网站，用户上传一些图像，我将它们存储在一个folder.but中，其他任何人都可以通过网址访问上传的文件。然而，我想拆分上传图像的头部，并在数据库中插入头部，并将文件的其余部分存储在文件夹中。如何拆分图片头部？如果我将图像转换为二进制数组，如何区分标题部分？
浏览 0提问于2011-10-31得票数 1
我们正在Django开发一个MVC网络应用程序，并关注图像上传。
首先，以下是我们的业务需求：
我们的用户可以上传图片(如个人资料图片，等等)。
只有经过身份验证的用户才能上传图像。
图像上传是通过HTML表单使用POST方法完成的.
用户可以一次上传多张图片。
唯一允许的图像格式是PNG和JPEG。
我们决定将上传的图像从PNG/JPEG转换为WebP，然后转换为Base64。它们将作为Base64文本存储在数据库中，然后通过
📷
标记注入到D12模板中：
我们对这一计划的安全性感到关切。是否有任何攻击向量是特定于这种方案嵌入基本64编码的图像的HTML？
浏览 0提问于2022-05-17得票数 1
回答已采纳
我做了更新上传图片，我遵循的教程在互联网上。这是我的代码：
AcademicClient.class
@Multipart
@POST("/")
Call<ResponseBody> postImage(@Part MultipartBody.Part image, @Part("name")RequestBody name);
MainFeed.class
File file = new File(filePath);
RequestBody reqFile = RequestBody.create(MediaType.parse(
浏览 1提问于2017-09-22得票数 0
回答已采纳
我正在开发一个应用程序，并尝试将base64格式的图像上传到我的服务器上。通过web测试代码，它工作得很完美！当我将base64中的图像转换为文件时，它会返回以下对象：
但是，当我尝试在Android设备上运行的移动应用程序中执行相同的操作时，相同的代码会为我创建以下File对象：
这是怎么回事？我调用函数将我的base64图像转换为文件，如下所示：
var blob = new Blob([photoBase64], {type: 'image/png'});
var filePhoto = new File([blob], "employeePh
浏览 1提问于2016-04-29得票数 0
1回答
我试着把图片发到服务器上。我已经像这样成功地完成了：
我有webView，抓住“右”url并切换viewControllers。切换后，我选择图像从PhotoLibrary或相机，张贴和切换控制器回来。
如你所知，在移动安全(也在webview中)网站上的所有“选择”按钮都是禁用的。
我认为这不是直截了当的方式，所以..。
我的问题:我可以从webview的按钮“选择”中选择图片吗？我想在iDevices类似的电脑上选择没有其他viewControllers.的图片。
我是编程新手，但我有一些想法(不知道如何实现)：
1.将图像上传到DOM。并在webView上使用“保存”按钮。
2.添加带有
浏览 1提问于2011-09-23得票数 0
回答已采纳
2回答
用Ajax上传base64图像
、、、、
我的客户端提供给用户选择图片、裁剪和调整大小，然后显示它(在<img> DOM元素中)。
如果图片很好，用户可以将其上传到服务器，以便保存。
我想要做上传感谢Ajax请求。
我在互联网上找到了大量的例子来上传--从客户端PC中检索到的原始图像。例如：
$( '#my-form' )
.submit( function( e ) {
$.ajax( {
url: 'http://host.com/action/',
type: 'POST',
data: new FormData( thi
浏览 1提问于2016-01-14得票数 27
这可能有点让人困惑。我想要实现的是让我的应用程序只处理一个.html文件。Ofc，JS脚本和CSS我可以很容易地放进去，没问题。
唯一能阻止我的是一个很小的声音文件，我现在正在互联网上传输。但是，在没有互联网连接的情况下，这是行不通的。
const notificationSound = new Audio("https://notificationsounds.com/storage/sounds/file-sounds-1142-inflicted.mp3");
(...)
if(soundOn){ notificationSound.play();}
我想将声音文件的原始
浏览 1提问于2020-11-11得票数 0
回答已采纳
我正在练习使用node js从数据库中上传和获取图像。上传部分进行得很好，但是抓取部分给出了一些问题，抓取图片的代码是app.get('/images', async (req, res) => { const img = await image(image is the model with type of buffer).find({}); res.render('image', { img }) }。ejs模板部分是<% img.forEach(i => { <img src="data:img/png;base64,<
浏览 0提问于2020-09-15得票数 1
我从web帐户上传图像，这张图片也显示在手机上，但当我从手机上传图像时，它不能在web或任何其他移动设备上显示。
因为在数据库中，web图像uri是可读的，但是移动图像uri无法读取我的图像选择代码
const pickImage = async () => {
// No permissions request is necessary for launching the image library
let result = await ImagePicker.launchImageLibraryAsync({
浏览 1提问于2022-01-04得票数 0
回答已采纳
我有一个node.js服务器，它使用express-fileupload来接收图像。现在，我正在开发上传图像的函数。但我不想使用< form >，因为出于各种原因我更喜欢xhtml请求，但主要是因为我不想在用户上传图片后重定向用户。 我试着用dataURI格式读取图片，将其发送到服务器，解码并将其写入文件，但这并不起作用，而且似乎耗费了大量的资源和精力。 //I used the dataString from the callback method and wrote it to a file using fs.writeFile
function dataURItoimage
浏览 24提问于2019-04-22得票数 2
1回答
在过去的几天里，我一直在寻找一种从客户端向Node发送字符串的方法，但没有成功。
目前，我有一个具有12个输入的表单和一个图像裁剪工具()，它可以让用户上传照片、编辑(调整大小、裁剪等)。并保存图像(数据: dataURL /png；base64，iVBORw0KGg...)在一个变量中。表单输入我没有问题，它们在数据库中更新得很好。我在传递包含dataURL的变量时遇到问题。
理想情况下，我希望用户只提交一个表单，该表单将1)使用输入字段更新数据库，2)将画布dataURL传递到节点，解码，在服务器中保存图像，并在MySQL中添加一个条目。或者使用AJAX单独提交裁剪后的照片，而不会删除对输
浏览 0提问于2016-02-03得票数 0
1回答
目前我通过API网关触发云函数，当处理POST请求时，比如curl -F media=@picture.jpg https://x.com ，将图片上传至Serverless处理，但消息体会作为event.Body传至serverless
Jietu20190111-094623.jpg
我现在想将上传的图片上传至微信公众平台的临时素材，如何将body转成普通的FormFile
浏览 972提问于2019-01-11
我试图让Cropper.js工作从网站的网址图像。
当我从我的设备上传一张图片时，它工作得很好，但是当我上传一张在线图片时，它工作得很好。我犯了很多错误，包括：
CORS策略阻止“null”：请求的资源上没有“访问-控制-允许-原产地”标头。
裁剪器没有出现在图像上，我给出了Cors错误。
这是我的密码：
$(function($) {
$("#submit").click(function() {
var selectedFile = $("#imglink").val();
$("#photo").attr(&#
浏览 0提问于2019-04-02得票数 1
回答已采纳
有没有办法将HTML5画布转换成某种图像格式，使得它可以通过js上载到facebook用户的应用程序相册，
我目前正在使用以下功能成功地将图片链接上传到相册：
FB.api('/me/photos', 'post', { message:'the message', url:imgURL});
浏览 0提问于2012-07-31得票数 0
回答已采纳
我想要的是，当我从django管理面板上传图像时，图像应该保存为MySQL数据库中的blob，而不是像我们使用imageField模型时django那样保存网址。正在发生的事情:上传图片通过管理面板->网址存储在数据库中，在文件夹中的图片->图片通过url在模板中什么是我想要的:上传图片通过管理面板->转换图片到blob ->存储在数据库中的blob ->图像直接从数据库中提取
浏览 83提问于2021-03-04得票数 1
一旦我在ImageView中有了图像，我如何以最简单的方式将图像发送到web服务器？
我从画廊得到的图片是这样的：
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode == REQUEST_CODE && resultCode == Activity.RESULT_OK)
try {
// We need to recyle unused bitmaps
if (bit
浏览 0提问于2012-05-21得票数 2
回答已采纳
我有个任务要做。我是新来的。在互联网上上传图片有很多资源，但是他们都是以不同的方式上传的，这不是我想要的。我有一个名为功能性组件格式的产品上传组件，在上传产品时，我希望用户从他们的计算机中选择一个图像并将图像上传到产品中，但这将是base64格式的。同时，我需要从数据库中读取产品的图片，因为我会在获取产品的同时带来这张图片。用户可以在上传产品时取消他选择的图像。您能用这些项目制作一个示例反应代码吗？真的很重要。我是新手，我对此不太了解，我需要这样做。
简单地说，我在下面的要点中写到。
1.用户将从他的计算机中选择一个图像，并且当他
选择此图像，它将以一定的大小出现在屏幕上。
2.如果用户单击“
浏览 4提问于2022-08-23得票数 -1
3回答
我正在尝试上传图片从机器人到asp.net服务器。我正在遵循以下程序。转换图像从位图到byte[]，byte[]到字符串，并将此字符串传递到asp.net web服务是这种正确的方式保存图像到.net服务器请给出解决方案上传图像从安卓到asp.net服务器的客户端和服务器端的代码。
浏览 3提问于2014-03-13得票数 0
2回答
我正在为使用ASP.NET和SQL Server的公司员工创建内部网，在配置文件部分，我有一个上传图片区域(图像字段显示图片，输入以选择文件，以及加载按钮)，这很好用，图片正在加载到文件夹中，但我也有文本字段，用户在其中添加他的信息，这也很有效，并保存到数据库中，现在我想做的是用户上传图片，当他点击submit按钮将所有的文本字段发送到数据库中时，他上传的图片的名称或路径也会进入数据库，我的所有文本字段都是使用带有insertParameters的sqlDataSource保存的。
你知道怎么做吗？？我更喜欢使用前端代码，因为在后面的代码中，我只需要初始化SqlDataSource1.Inse
浏览 0提问于2012-07-10得票数 1
1回答
我正在使用一个名为Croppie.js的库，它可以对图像进行裁剪。我想做的是：
通过只接受图像文件的输入type=file上传图片
感谢Croppie.js方法来编辑它
将生成的图像放回文件输入中，替换原始图像。
Croppie.js能够生成blob，这要归功于它的result函数。因此，如下所示：
$("#confirm-photo-edit").click(function(){
$("#photo-to-crop").croppie('result', 'blob').then(function(
浏览 0提问于2018-06-25得票数 1
回答已采纳
1回答
我正在使用HTML5 canvas和JS创建一个绘图应用程序。我允许用户上传图片，并使用context.drawImage();在画布上绘制它。但是当我尝试编辑图片时，我失败了。如果我想使用鼠标(键盘或任何东西)来拖动和缩放画布上的图片，我应该怎么做？
浏览 1提问于2012-10-31得票数 1
回答已采纳
1回答
Moodle损坏上传的文件
、、、、
我使用moodle core_files_upload和使用此脚本的节点js
const { CallService } = require("../MoodleWS")
var Upload = async function(userid, file) {
var base64 = await toBase64(file)
.then(r => {
return r;
})
.catch((e) => {
console.log(e)
});
浏览 0提问于2021-03-06得票数 0
回答已采纳
2回答
我使用()来裁剪图像，然后使用()将裁剪后的图像上传到服务器。
我可以从ngImgCrop中的"on-change“选项中获取$dataURI。但是我需要一个文件实例来调用$upload。如何获取裁剪后的图片的File实例才能上传：
$scope.upload = $upload.upload({
url: '/api/fileupload',
file: [**file cropped here**]
}).progress(function (evt) {
//
浏览 2提问于2014-09-23得票数 6
1回答
我尝试从文本字段上传图像和2个值，但我不能使用输入文件“type=”作为资源，因为我首先选择了使用<img ...中的相机捕获和预览图像的文件，之后我用调整大小的图像(最大500kb)替换了图像标签的源，然后尝试上传图像。如果我使用输入的type=文件，那么我上传的是第一张图片，而不是调整大小的图片。有什么建议吗？
浏览 2提问于2013-03-27得票数 0
我正在上传一个没有基地64的图像在firebase使用expo。文件已上传，但我无法查看图像-- "Error loading preview“。当我尝试通过url下载图片时，它会显示损坏或损坏的图片。我上传firebase的代码是：
async function uploadImageAsync(itemImage, passedParameter, ItemName, ItemDesc, ItemPrice, ItemWeight) {
const response = await fetch(itemImage);
const blob = await
浏览 0提问于2018-12-12得票数 1
我使用Capybara(2.4.4)、Selenium-webdriver (2.47.0)和Firefox (39)。
我应该上传图片上的点击和删除元素：
我用了的解决方案。
在镀铬，它工作！但是火狐中的，而不是！
它在网上失败了：
$('.dropzone')[0].dropzone.listeners[0].events.drop(e);
有错误：
Selenium::WebDriver::Error::JavascriptError: e is undefined
[remote server] https://master-site.somesitename.org/
浏览 0提问于2015-07-31得票数 2
当我上传一个base64Image到Azure时，我得到了一个错误。
用Node.js编写的代码：
var name = req.body.name;
var img = req.body.image; //this image is base64Image
var uploadOptions = {
container: 'myphoto',
blob: name,
text: img
}
blobServiceClient.createBlockBlobFromText(
uploadOptions.container,
uplo
浏览 3提问于2020-09-26得票数 0
回答已采纳
我正在做一个ajax弹出以将图像上传到文件系统中。图像上传过程有以下步骤。
选择文件并将其裁剪到所需的大小。
结果图像以<img>标记src显示为Base64代码。
将Base64转换为Blob以通过ajax发送
这是密码..。
$(document).ready(function(){
$('#btn_save').on('click', function () {
var PaymentStatus = $("#PaymentStatus").val();
浏览 2提问于2016-09-21得票数 1
回答已采纳
我正在使用Jodit创建一个所见即所得编辑器。我的应用程序是在React JS上开发的，Firebase负责数据库和存储。
我无法添加自定义函数来允许使用Jodit编辑器将图像上传到firebase。有没有可能直接添加这个？我想避免使用仅用于图片上传的NodeJs函数。
浏览 3提问于2021-02-02得票数 0
我正在使用Multer库上传一张图片。因此，我使用ReactJS将文件上传到NodeJS服务器。在NodeJS服务器上，我收到了客户端发来的一张图片信息。 ? 在s3 upload函数中，我使用此图片中的缓冲值作为主体。我成功地将它上传到了s3，但当我打开图片地址时，它显示的是这样的图片。 ? 有任何建议或正确的方法可以将图片上传到S3。
浏览 16提问于2020-10-21得票数 1
3回答
上传图片(本地)到Tinymce
、、、、
我想问一下，有没有可以从我的本地系统上传图片到tinymce的插件？Tinymce有一个图片上传功能，但用于在线图片。此外，从本地系统上传图像是tinymce的高级功能，需要购买。那么，有没有一个免费的插件可以用来集成从本地系统到tinymce的图片上传？谢谢！:)
浏览 7提问于2012-08-18得票数 3
回答已采纳
我有以下代码要上传到我的Node.js/Express.js后端。
var reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = function (e) {
var result = http.post('/files', e.target.result);
result.success(function () {
alert('done'):
});
}
我的路线看起来像：
app.post('/files', function (
浏览 0提问于2012-10-25得票数 6
回答已采纳
1回答
在我的firefox扩展中，我想保存一个已经加载并显示在浏览器选项卡中的图片。我只找到了直接从服务器下载文件或图片的方法，通过一个二进制输入流传递图片的url。但这不是我想在这里做的。
那么，如何将firefox已经加载的图片保存到本地文件呢？
浏览 0提问于2011-10-30得票数 1
我用multer，node.js，mongodb上传了图片。 我将图片上传到upload文件夹中，并将路径存储在MongoDB中。 这是我的文件夹结构 ? 服务器正在运行 http://localhost:3000/images/590051dcc90cf702e452b9c1 基于文档id，我正在检索文档 // To get the single image/File using id from the MongoDB
app.get('/images/:id', function(req, res) {
//calling the function from i
浏览 142提问于2017-04-26得票数 1
回答已采纳
我将图片上传到一个byte[]格式的表格中。我的问题是，当我在视图上检索它时，图像就不会出现了。
模型
{
public byte[] image {get; set;}
}
控制器
public async Task<IActionResult> Create(Profile profile, IFormFile image)
{
if (ModelState.IsValid)
{
using (var memoryStream = new MemoryStream())
{
image.CopyTo(
浏览 0提问于2018-10-02得票数 0
回答已采纳
1回答
我正在开发一个项目，用户需要上传图片到一个ASP.NET MVC核心web应用程序。当前，当用户选择图片时，他将获得一个预览以查看他/她上传的图片。
现在在两张图片上，我需要做车牌识别(我已经在控制器中有识别代码，所以我只需要我的控制器中图像的位图。)
这是我的代码-很远：
当前HTML/Javascript代码
当用户按下“检查图片”按钮时，应用程序需要验证某个板块是否在“选定的”图片中。如果图像只是被选中而没有上传到服务器上，是否有可能获得比特流？我可以显示图像的事实告诉我是的，还是我错了？
如果是这样的话，我如何在我的控制器中得到图片的位图？为了更好地理解，我还添加了MVC项目
浏览 1提问于2019-02-06得票数 1
回答已采纳
1回答
我对显示以下PDF文件有问题。
我要做的是把这个文件作为Uint8Array传递给PDF.js。我得到了下面的堆栈跟踪：
Warning: Setting up fake worker. pdf.js:106
(while reading XRef): TypeError: Cannot read property 'get' of undefined pdf.worker.js:5281
Error
at XRefParseExceptionClosure (http://127.0.0.1:8090/assets/js/vendor/pdf- js/pd
浏览 24提问于2014-06-14得票数 2
1回答
问题
我创建了一个带有expo本土化反应的社交媒体应用程序，并希望增加上传图片的能力。由于expo不允许您将文件转换为blob来上传，所以我只是将base64图像数据作为字符串上传到服务器数据库。在从服务器上下载数据之后，如何将这些数据再次转换为可视映像？
浏览 0提问于2018-01-07得票数 10
回答已采纳
1回答
我正在上传图片，然后用Node.js和猫鼬将它们加载回浏览器。当用户注册时，我可以让他们上传图像。然后将图像存储到mongodb中。下面，图片是从客户端发送的，图像是我发送给服务器的内容。
var match = /data:([^;]+);base64,(.*)/.exec(picture);
var image = {
data: new Buffer(match[2], "base64"),
contentType: match[1]
};
在用缓冲区转换它之前，格式是：
iVBORw0KGgoAAAANSUhEUgAAAJwAAACgCAIAAAB2Y
浏览 2提问于2014-03-28得票数 1
回答已采纳
大多数关于NodeJS、S3和Zip的问题都与我想要做的相反。上传一个压缩包，并将文件解压缩到S3。
我有一个在亚马逊EC2实例上运行的快速应用程序，带有Node.JS，它通过POST请求接受文件上传。其目的是上传一个充满图片的压缩文件，提取它们，并将每个单独的图片放在亚马逊S3上。
我正在使用express.js接受发布的文件，并且我一直在使用AdmZip来读取上传的压缩文件。使用AdmZip，我可以将压缩文件解压缩到服务器磁盘，然后循环遍历临时目录中的每个解压缩图像，然后将其发送到亚马逊S3，但这似乎非常低效。我读过很多关于从S3到Node的流式文件和动态压缩文件的文章。我想我想知道的是，
浏览 0提问于2012-10-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
