我有一个工作脚本，当文件输入发生变化时，选择文件，在我的django后端对它们的上传数据签名，然后从前端直接上传到我的s3桶中。效果很好。我在用ng文件上传来做。
var doSignUrl = function(image, success, error){
$http({
url: scope.signUrl,
params: {
s3_object_name: image.name,
s3_object_type: image.type
},
method: '
浏览 4提问于2015-05-07得票数 1
回答已采纳
当我在React Native中运行以下代码将base64转换为Android上的blob时，会出现此错误 let url = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA...';
let res = await fetch(url);
let blob = await res?.blob(); ?
浏览 199提问于2021-08-16得票数 2
试图上传使用裁剪的图像。
然后跟着这个。
我可以从src上传基本文件，但请注意裁剪的图像src。有人能告诉我如何获得裁剪的图像，并制作一个文件和上传。
这是我的ProfilePic组件-
import React, { Component } from "react";
import { connect } from "react-redux";
import PropTypes from "prop-types";
import ReactCrop from
浏览 0提问于2018-12-04得票数 0
回答已采纳
2回答
我正在尝试使用下面的代码将一个base64字符串插入到blob中，我正在将一个blob添加到数据库中，但它是一个没有扩展名的损坏文件。
背景：
[request setHTTPMethod:@"POST"];
NSString *encodedString = [binaryData base64Encoding];
NSString *bodyString = [NSString stringWithFormat:@"image=%@", encodedString];
PHP：
$json_obj = $_POST['image'];
$en
浏览 2提问于2013-03-16得票数 2
1回答
我正在尝试上传Ionic 3中的图像，但是我在Base64中获得了图像，所以我想将其转换为图像文件对象。
我该如何转换它？
这是我的组件代码
this.camera.getPicture(options).then((imageData) => {
let base64Image = 'data:image/jpeg;base64,' + imageData;
this.profilePhoto['profile_photo'] = base64Image;
let formData = new FormData
浏览 2提问于2018-08-30得票数 0
3回答
我想把一个用base64编码的data:image转换成一个普通的图像文件。到目前为止，我的代码如下所示：
this.toDataURL = function() {
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
canvas.width = innerWidth;
canvas.height = innerHeight;
ctx.drawImage(layer0, 0, 0);
ctx.drawI
浏览 6提问于2013-06-27得票数 17
回答已采纳
我正在尝试使用cordova-plugin-camera将照片上传到firebase存储，但没有成功：
下面是我的代码：
let options:any = {
quality : 100,
destinationType : Camera.DestinationType.DATA_URL,
sourceType : Camera.PictureSourceType.CAMERA,
allowEdit : false,
encodingType: Camera.EncodingType.JPEG,
mediaType: Camera.MediaT
浏览 1提问于2016-06-07得票数 0
因此，我使用一个名为vue-cropper.js的npm包来裁剪图像，并将裁剪后的图像上传到远程服务器。然而，上传部分的裁剪图像不工作，因为所有我得到的是一个CORS错误。但问题是，当我上传一张没有裁剪的图片时，它是有效的，并且没有错误。我不明白我做错了什么。 我已经检查过无数次cropper.js文档，它们告诉您要做的就是创建一个blob，并将其附加到表单数据中，然后再进行POST。再一次，这就是我正在做的。 这是我的裁剪组件的模板。 <vue-cropper
v-show="imageSrc"
class="vue-cropp
浏览 31提问于2019-05-06得票数 1
1回答
我需要将我的react本机签名垫输出作为图像上传到服务器中。
//this.state.base64 is signaturepad output
let blob = new Blob([this.state.base64], {type: 'image/png'});
alert(blob.size);
var fd = new FormData()
fd.append('file',blob,"Sign.png")
let url="http://xxxxxx/xxxx/xxx/&
浏览 0提问于2018-04-18得票数 0
1回答
我一直在尝试使用domtoimage.js和filesaver.js将div元素保存为图像。图像保存得很好，但其中没有任何内容。表示图像无效。
var image = domtoimage.toBlob(document.getElementById('form'));
var blob = new Blob([image], {type: "image/png"});
saveAs(blob, 'myimage.png');
任何帮助都将不胜感激。
浏览 4提问于2018-10-12得票数 0
我让我的用户上传他们的个人资料图片，它显示为一个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
回答已采纳
用途:使用AngularJS和一个Servlet在我的html页面上显示不同的图像(图像将根据请求参数“id”变量而改变)
代码说明：
我将id=13作为params传递给Servlet (参见JS代码)，从而向Servlet发送请求。
Servlet将检索存储在具有id=13的DB中的照片。
响应值将传递给$scope上的变量"image“
问题:图像没有出现在我的视图中。
错误Chrome控制台： 404 (未找到)
Console.log(响应)结果: Object {data：“����.，状态:200，config:Object，statusText:&#
浏览 4提问于2016-05-30得票数 1
回答已采纳
我有一个需要高度和宽度的图像blob，所以我创建了一个blob url，将图像对象的src设置为它，然后获得图像对象的高度和宽度。
(let [window-url (or (-> js/window .-URL)
(-> js/window .-webkitURL))
blob-url (window-url.createObjectURL blob)
image (js/Image.)]
(set! (.-src image) blob-url)
(prn "image hei
浏览 37提问于2020-03-06得票数 1
1回答
如何下载“角5”中的图像，目前我使用的是saveAs函数
import { saveAs } from 'file-saver'
var blob = new Blob([this.attachment], { type: "image/png" });
console.log(blob);
console.log(window.btoa(blob.toString()));
if (this.attachment != null) {
saveAs(blob, 'attachment');
}
在这种情况下，图片下载，但在打开错误。
浏览 0提问于2018-10-09得票数 5
回答已采纳
我正在实现一个ajax表单提交，它在提交图像之前对图像进行调整大小。javascript基本上将文件读取为Image，调整大小并绘制到canvas，然后将数据附加到FormData对象：
var fd = new FormData();
fd.append("image0", canvas.toDataURL("image/png"));
然后，我对django视图执行ajax提交，并使用ModelForm进行验证。
forms.py
class InsertProduct(forms.ModelForm):
image0 = forms.ImageFi
浏览 7提问于2016-06-05得票数 0
回答已采纳
1回答
我是Paper.js的新手，我正在使用paper.js创建一个简单的绘图工具，并下载带有背景图像的画布。我正在尝试filesaver.js和blob，但是，我被卡住下载画布与光栅图像作为背景。如有任何帮助或建议，将不胜感激。
我试过了：
“”“
HTML：
//button to download
<button href="#" class="btn btn-primary" id="save-canvas"
onclick="exportPNG()">Save</button>
//canva
浏览 7提问于2021-07-23得票数 0
2回答
我正在使用pdfmake.js，当我打开一个窗口时，我得到了这个：
data:application/pdf;base64,JVBERi0xLjMKJf////8KNyAwIG9iago8PAovVHlwZSAvRXh0R1N0YXRlCi9jYSAxCj4+CmVuZG9iago1IDAgb2JqCjw8Ci9UeXBlIC9QYWdlCi9QYXJlbnQgMSAwIFIKL01lZGlhQm94IFswIDAgNTk1LjI4IDg0MS44OV0KL0NvbnRlbnRzIDMgMCBSCi9SZXNvdXJjZXMgNCAwIFIKPj4KZW5kb2JqCjQgMCBvYmoKPD
浏览 12提问于2015-02-12得票数 0
我正在尝试加载一个BLOB保存的字段-在使用下面的代码从mysql读取相同的字段后嵌入：
try:
print("executing query >> " + str(sql))
cursor.execute(sql)
for tag, embedding in cursor.fetchall():
result['TAG'] = tag
result['EMBEDDING'] = pickle.loads(embedding)
except Exception as e:
浏览 0提问于2018-10-12得票数 0
回答已采纳
我创建了一个WebJob项目来备份从Azure到Amazon的图像，该项目使用了方法中的第一个参数的BlobTrigger属性
public static async Task CopyImage([BlobTrigger("images/{name}")] ICloudBlob image, string name, TextWriter log)
{
var imageStream = new MemoryStream();
image.DownloadToStream(imageStream);
await
浏览 2提问于2016-08-05得票数 1
1回答
在数据库中，我有缓冲区类型的图像，如何将缓冲区数据转换为图像并在前端显示图像。 后台在node.js sequelize MYSQL中制作。 和react.js中的前端 服务器上的it is response date from server. Image its an object of image get请求 router.get("/", validateToken, async(req,res) => {
const UserId = req.user.id;
console.log(UserId)
const listOfCollect = awa
浏览 22提问于2021-08-19得票数 0
我正在重写一个小javascript，以便能够将其放入worker.js中，如下所示：
worker.js应在OffscreenCanvas上显示如下所示的图像：
最初的脚本使用了以下语句，显然不能在worker.js文件中使用，因为没有“文档”：
var imgElement = document.createElement("img");
imgElement.src = canvas.toDataURL("image/png");
但是我怎样才能用
document.createElement("img");
worke
浏览 11提问于2021-04-11得票数 2
上传图像API需要二进制流。我尝试过新的FileReader()和它的readAsBinaryString()方法，但是它不起作用！二进制字符串和二进制流似乎不是一回事，所以我改变了方法，尝试了readAsDataURL()方法(因为我需要预览图像)，现在我想知道：
1)如何使用base64 js将转换为二进制流。
当我使用readAsBinaryString()时，响应如下(数据A)：
但是API需要这样的东西(数据B)：
2)有人知道如何将dataA (上图)转换为dataB (图片下移)？
浏览 4提问于2016-09-19得票数 0
在我的Vue.js应用程序中，当点击按钮时，我希望强制浏览器下载图像而不显示它。
按照的回答，我想出了一个解决方案：
<span @click="downloadImg(remoteURL)">
Download Image
</span>
其方法是：
downloadImg(url) {
console.log('downloading', url);
document.execCommand('SaveAs',true, url);
},
实
浏览 0提问于2019-01-24得票数 5
回答已采纳
1回答
我刚接触azure API，关注azure存储帐户的哪些数据或日志有博客:事件？wad-control-container wad-iis-logfiles还存在吗？表事件WADDirectoriesTable WADLogsTable WADPerformanceCountersTable WADWindowsEventLogsTable
浏览 1提问于2011-07-07得票数 0
回答已采纳
1回答
JS或带图像的角度复制文本
、、、、
我需要复制文本和图像在一次点击。我试过下面的代码。我只点击并粘贴了"clip_message“
我的HTML：
<button id="copy" onclick="writeClipImg()"><strong>Copy</strong></button>
我的JS代码
async function writeClipImg() {
try {
const imgURL = 'https://luanedcosta.github.io/copy-image-clipboard/stat
浏览 5提问于2021-05-18得票数 0
首先，JS不是我常用的语言，如果问题不是很清楚，很抱歉。
我一直在测试一个代码来压缩用户上传到<input>的图像，JS压缩代码工作得很好，但是我不知道如何用我刚刚生成的压缩文件来替换他们在“输入”中选择的文件。
我想这样做，因为<input>在表单中，所以我可以将图像上传到压缩的服务器。
以下是用于压缩的JS：
const MAX_WIDTH = 300;
const MAX_HEIGHT = 200;
const MIME_TYPE = "image/jpeg";
const QUALITY = 0.8;
const input = document
浏览 2提问于2022-02-08得票数 1
1回答
我使用MySql连接器C++将文件中的JPEG图像存储到数据库中。我用的是准备好的陈述。执行准备语句后，只将文件的前64个字节复制到数据库中。
我对示例的研究表明，不需要迭代，并且示例假设准备好的语句加载整个文件。这是我的代码：
std::string statement_text("INSERT INTO ");
statement_text += "picture_image_data";
statement_text += " (";
statement_text += "ID_Picture";
state
浏览 5提问于2010-06-28得票数 1
回答已采纳
我有下面的代码，它接受一些图像作为输入，然后使用compress-omg函数压缩它们，该函数接受顺序输入的每个图像的data-url，并将压缩的blob存储在一个db向量中:images
(defn image-selector []
[:<>
;; appending image in this div
[:div {:id "test-div"}]
[:input {:type "file"
:multiple true
:id "i
浏览 1提问于2020-03-08得票数 0
我可以上传用户选择的图像到我的项目，但该图像已不再裁剪。我想上传裁剪的图像，但上传的图像没有裁剪，如何将裁剪的图像上传到我的asp.net mvc。保存的图像没有被裁剪，我必须在jquery代码中修改才能上传裁剪的图像，而不是普通的图像。谢谢你的帮助。
我已经习惯于跟随链接来创建UI。
这是我的jquery代码。
<script id="rendered-js">
// Requires jQuery
var imageCrop = function (imageTarget, requiredWidth, requiredHeight) {
浏览 1提问于2020-06-25得票数 0
回答已采纳
我使用蓝色的blob存储来保存我的文件。azure存储容器是私有的。我必须从私有blob访问html文件。我可以使用c#获得html文件流对象，这样我就可以访问html文件内容。但是html文件并没有加载css/js/image文件，它在html文件中使用。css/js文件驻留在同一个私有容器中。如何使用所有js/css/映像文件加载html文件？
注意：在iframe中加载html。
浏览 14提问于2022-06-16得票数 0
我在JavaScript/Django项目中使用cropper.js。我让它工作了，但我发现裁剪的图像文件大小比源图像大得多，大约是原来的10倍。
似乎源程序JPG文件在被裁剪时被压缩为PNG。这是为什么，我如何防止这件事？
下面是我使用cropper的JS代码：
let img_data;
let cropper;
// Display image cropper ui when file is selected
add_image_input.addEventListener('change', () => {
// Get image file obje
浏览 10提问于2022-08-01得票数 1
2回答
我尝试使用html2canvas将JPG映像添加到使用JSZip创建的Zip文件中。当我保存原始的JPG文件时，结果会很好。但是当我压缩它时，图像就会变坏(当我打开图像文件时，不会出现任何数据)。这是我的剧本：
<!DOCTYPE html>
<html>
<head>
<script src="https://stuk.github.io/jszip/dist/jszip.js"></script>
<script src="http://html2canvas.
浏览 0提问于2019-03-27得票数 5
回答已采纳
我将一个SVG导出到一个PNG image.Now，我想下载这个PNG映像和一个CSV文件到一个ZIP文件夹中，我使用JSZIP将两个文件压缩到一个ZIP folder.Now中，当我单击“下载”按钮时，ZIP downloads.The下载的ZIP包含了所需的CSV文件，但是包含一个空白的图像。如何在所需的ZIP文件夹中下载所需的映像？
我目前的代码是：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="../build
浏览 5提问于2016-05-26得票数 0
回答已采纳
我正在使用cpp在窗口中使用caffe处理图像分割问题。我使用"Imagedata“输入类型来训练网络，但在测试时得到了空白输出。有人能帮我分析一下这个问题吗？
********** solver.prototxt ***************
test_initialization: false
base_lr: 0.01
display: 51
max_iter: 50000
lr_policy: "step"
gamma: 0.1
momentum: 0.9
weight_decay: 0.0001
stepsize: 4069
snapshot: 100
浏览 4提问于2017-01-23得票数 3
回答已采纳
2回答
axios
.get(RequestURL, { responseType: 'blob', withCredentials: false })
.then((response) => {
let imageNode = document.getElementById('image')
let imgUrl = window.URL.createObjectURL(response.data)
c
浏览 3提问于2021-05-05得票数 2
回答已采纳
这是我的html和使用webcam.js的javascript。我只是按照介绍了如何使用现有的表单来实现它。
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>WebcamJS Test Page</title>
<style type="text/css">
body {
浏览 3提问于2015-09-15得票数 0
1回答
最近，我了解到Sub资源完整性()，它阻止执行修改后的JS和CSS。由于当前的实现缺乏对映像的支持，所以我尝试尝试使用我自己的实现。
<img data-src="http://localhost:8888/4.jpg" alt="" data-hash="" class="image">
<img data-src="http://localhost:8888/2.jpg" alt="" data-hash="" class="image">
浏览 1提问于2017-05-18得票数 1
回答已采纳
3回答
我尝试在我的react原生应用程序中显示图像。我已经上传照片到我的Firebase存储，它的工作。然后，我尝试显示我的图像从Firebase存储，但文件是blob。我想把blob转换成image，但是我不知道语法。也许你们中的一个能帮我解决这个问题。
我应该把RNFetch blob放在哪里？我尝试在componentWillMount中放置，但它显示错误。
uploadImage(uri, mime = 'application/octet-stream') {
return new Promise((resolve, reject) => {
浏览 0提问于2017-10-12得票数 1
我想将blob (window.URL.createObjectURL( blob );)转换成一个文件对象，这样我就可以将它与FormData()一起使用，这样我就可以使用它作为AJAX的上传图像文件，但是我无法成功地做到这一点，而且我无法找到一种将blob变成文件的方法。
对象，我知道根据我在这里访问过的帖子可以这样做--这里有一篇文章声称您可以做，但是我不使用这些posts方法的原因是，我不知道如何将它们的方法集成到我的代码情况中，或者它太复杂了，难以理解。
这是我一直在做的代码。
index.php
<script>
document.addEventListener(&
浏览 0提问于2019-07-13得票数 4
2回答
我使用croper.js来裁剪和存储图像。下面的函数我使用裁剪的blob来转换图像格式。那个功能不能正常工作。
cropper.getCroppedCanvas().toBlob(function (blob) {
var formData = new FormData();
var creimag = document.createElement('img');
creimag.src = 'data:image/png;base64,'+ blob;
var processeddata=
浏览 5提问于2018-03-17得票数 0
我已经从android捕获了图像，并使用字符串形式的arraylist将其传递到数据库端。现在的问题是如何将此字符串转换为BLOB，并使用servlet将其保存在数据库中。
感谢你们的帮助
下面是android代码: new Thread(new Runnable() {
@Override
public void run() {
// TODO Auto-generated method stub
ArrayList<NameValuePai
浏览 2提问于2015-02-15得票数 0
我是一个服务器端开发人员，学习香草JS的诀窍。我需要澄清关于为我在JS中创建的图像对象发送Ajax POST请求的概念--这个问题就是关于这个的。
想象一下，在一个web应用程序中，用户上传照片给别人看。在每个图像的上传点，我使用香草JS来确认图像的mime类型(通过解释)，然后调整图像的大小以达到优化的目的。
调整大小后，我会：
var canvas = document.createElement('canvas');
canvas.width = resized_width;
canvas.height = resized_height;
浏览 1提问于2018-02-01得票数 1
回答已采纳
1回答
我正在尝试使用FileSaver.js下载我的express应用程序提供的PNG文件。这些文件是作为base64编码的字符串发送的，但是当我尝试使用FileSaver.js保存它们时，它们就被损坏了。
这就是我试图拯救他们的方式：
var blob = new Blob([base64encodedString], {type: "data:image/png;base64"});
saveAs(blob, "image.png");
我也使用了这种保存图像的方法，但是如果base64encodedString变得太大，它就不起作用了：
var download
浏览 17提问于2015-10-21得票数 9
2回答
所以，我有一个用户输入，用于上传图片。这是一个简单的例子：
function handleImage(e){
var reader = new FileReader();
reader.onload = function(event){
var img = new Image();
img.onload = function(){
console.log (img);
}
img.src = event.target.result;
}
reader.readAsData
浏览 4提问于2017-12-20得票数 2
回答已采纳
4回答
这是我的第一个问题。
我正在让用户上传他们自己的图像到数据库。该图像被存储为BLOB。
我成功地做到了这一点。我使用MySQL作为数据库。
我遇到问题的一部分是，当它被调用时，在网站上显示该BLOB作为图像。
现在只有二进制数据，很多奇怪的符号正在显示。我认为这是HTTP头的问题。现在它很流行：
print "Content-Type: text/html"
我试过了：
print "Content-Type: image/jpeg"
我正在使用Python连接数据库并编写HTML。
编辑:代码：
def showFile():
# do SQL to
浏览 1提问于2013-04-29得票数 6
回答已采纳
我试图使用PreloadJS预加载一个图像，然后将其插入DOM a两次。但我只能插入一张图片。
var queue = new createjs.LoadQueue();
queue.addEventListener('complete', onComplete);
queue.loadManifest([{
id: 'img',
type: 'image',
src: 'https://i.imgur.com/adSrF00g.png',
}, ]);
queue.load();
function onComp
浏览 2提问于2019-06-11得票数 0
回答已采纳
1回答
无法将blob插入到indexedDB，请尝试将blob从文件插入到indexedDB :)
代码
<html>
<head>
<title>file to BLOB</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<d
浏览 1提问于2020-01-12得票数 2
回答已采纳
2回答
现在我正在上传图像到画布，上传图像后，画布转换成图像由toDataURl。如果我通过toDataURL将画布转换成图像，那么我得到的是基础代码(基础代码会很大)。我想要一些小的url而不是BaseCode。
var canvas = new fabric.Canvas('canvas');
document.getElementById('file').addEventListener("change", function (e) {
var file = e.target.files[0];
var reader = new Fil
浏览 3提问于2016-02-26得票数 2
我有一个PNG图像，我想在PDF中显示。但是当我使用下面的代码时，我得到了这个错误： core.js:1449 ERROR Error: Uncaught (in promise): Error: Incomplete or corrupt PNG file
Error: Incomplete or corrupt PNG file 这是我的代码： let image = "assets/img/bgconfidential.png";
let img = new Image();
img.style.opacity = '0.2';
img.style.fi
浏览 173提问于2019-03-20得票数 1
我正在使用裁剪裁剪图像上传上的图像
选择要上传的图像后，将显示此
blob存储数据完好无损，只是在上传图像后出现了问题
[]()
Uploading image in cropper js gives error Refused to load the image 'blob:http://localhost:15536/0b13fa91-8bd8-40f2-a3c1-9aed987713ee' because it violates the following Content Security Policy directive: "img-src * data:&#
浏览 14提问于2020-12-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
