试图上传使用裁剪的图像。
然后跟着这个。
我可以从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
回答已采纳
我刚开始使用Javascript中的导入函数，对的指令感到困惑。
在我的代码中：
<script src="/scripts/FileSaver.js"></script>
<script>
import { saveAs } from 'file-saver/FileSaver';
$("#xmlToFile").click(function() {
var xml = $("#jobXml").val();
var blob
浏览 1提问于2018-08-02得票数 1
回答已采纳
因此，我使用一个名为vue-cropper.js的npm包来裁剪图像，并将裁剪后的图像上传到远程服务器。然而，上传部分的裁剪图像不工作，因为所有我得到的是一个CORS错误。但问题是，当我上传一张没有裁剪的图片时，它是有效的，并且没有错误。我不明白我做错了什么。 我已经检查过无数次cropper.js文档，它们告诉您要做的就是创建一个blob，并将其附加到表单数据中，然后再进行POST。再一次，这就是我正在做的。 这是我的裁剪组件的模板。 <vue-cropper
v-show="imageSrc"
class="vue-cropp
浏览 31提问于2019-05-06得票数 1
1回答
在VSCode中处理p5.js项目。在一个文件中，我创建了一个blob类并为其提供了一个createVector函数，然后在sketch.js中创建了blob的一个实例，并在function setup()中调用了blob.createVector()。由于某种原因，它完全崩溃了，控制台日志： Uncaught (in promise) ReferenceError: createVector is not defined
at new Blob (blob.js:2)
at p5.sound.min.js:2
at Array.map 文件结构： |-- blob
浏览 50提问于2021-03-29得票数 0
MVC c#应用程序。我使用的是CSP，格式如下：
<meta http-equiv="Content-Security-Policy" content="
default-src 'self';
script-src 'self' https://mozilla.github.io/pdf.js/build/pdf.js https://mozilla.github.io/pdf.js/build/pdf.worker.js;
style-src 'self' https://meyerw
浏览 28提问于2020-09-15得票数 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回答
我正在尝试添加一个保存按钮，这个按钮将出现在页面上，而不是在画布上。每一个我尝试的在线例子，我似乎都无法使画布保存正确。基本上，我想让他们点击“保存”按钮，它要么自动下载为图像，要么打开“保存到我的计算机”窗口，让它们重命名、移动和保存等等。
<button id="save">Save as image</button>
<script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.0.2.min.js"></script&g
浏览 1提问于2014-09-17得票数 0
回答已采纳
1回答
我正在通过Cordova相机API在ios设备上获取相机图像，然后通过localforage保存它。但是，似乎没有加载资源，因为单击Resources标记下的blob会显示An error occured while trying to load resources错误，图像呈现为20x20白色背景而不是照片。这里是我围绕Cordova Camera API的HTML包装器
<head>
<title>Capture Photo</title>
<script type="text/javascript" charse
浏览 2提问于2016-08-26得票数 0
回答已采纳
2回答
我正在使用pdfmake.js，当我打开一个窗口时，我得到了这个：
data:application/pdf;base64,JVBERi0xLjMKJf////8KNyAwIG9iago8PAovVHlwZSAvRXh0R1N0YXRlCi9jYSAxCj4+CmVuZG9iago1IDAgb2JqCjw8Ci9UeXBlIC9QYWdlCi9QYXJlbnQgMSAwIFIKL01lZGlhQm94IFswIDAgNTk1LjI4IDg0MS44OV0KL0NvbnRlbnRzIDMgMCBSCi9SZXNvdXJjZXMgNCAwIFIKPj4KZW5kb2JqCjQgMCBvYmoKPD
浏览 12提问于2015-02-12得票数 0
我已经建立了两个按钮是和No。
我想将答案保存在一个文件中：是还是No (当然取决于最终用户将按的按钮)。
我已经使用了Javascript对象blob，但是不起作用：
文件testfile1.txt 没有生成。
我有一个名为js的子文件夹(在我的主文件夹中)，其中有文件FileSaver.js。
因此，我有：
`src="js/FileSaver.js"`
在我的代码中实现。下面是我的代码：
<!doctype html>
<html lang="en">
<head>
<script src="/
浏览 3提问于2019-07-29得票数 0
回答已采纳
1回答
GridFS二进制到URL
、、、、
有没有一种方法可以将GridFS二进制转换为可以在src上使用的URL？
让我解释一下：
当图像被GridFS存储在GridFS上时，它会创建到文件中(fs.files& fs.chunks)。在fs.chunks中，数据的存储方式如下：
_id:ObjectID('')
files_id:ObjectID('')
n:0
data:Binary('/9j/4S...',0)
是否存在将该二进制文件(准确地说是jpg )转换为对HTML标记有效的URL的方法？
某种URL.createObjectURL()
顺便说一下，我试图将二进制文件
浏览 20提问于2022-03-07得票数 1
回答已采纳
我正在按照网站上的步骤设置//www.svlconnectsdk.com /docs/1-6-0/cordova/discover connect/
我已经成功安装了SDK，构建并运行了Android版本。我有一个按钮在屏幕上，但我得到一个未捕获的参考错误，当我选择按钮？
有人能帮上忙吗？
错误：
index.js:36 Uncaught ReferenceError: connectSDK is not defined
at Object.showDevicePicker (index.js:36)
at HTMLButtonElement.onclick (index.html:41)
我
浏览 17提问于2017-07-06得票数 0
我使用Firebase主机制作了一个简单的音频录制web应用程序。我想在浏览器上录制音频，然后上传到云存储。当我部署和访问我的应用程序时，我可以录制音频。然而，该应用程序无法将音频上传到云存储。
(我使用Windows 10、Windows Subsystems for Linux、Debian 10.3和Google Chrome浏览器。)
这是浏览器控制台中的错误消息。
Uncaught
h
code: (...)
code_: "storage/invalid-argument"
message: (...)
message_: "Firebase Storag
浏览 4提问于2020-05-21得票数 0
回答已采纳
我的原始文件不会使用本地方法下载，所以我决定使用，因为它已经打包在中，而压缩文件仍然不会在AppJS中执行。
$(".export").on("click", function() {
var fs = require("fs");
var JSZip = require("jszip");
var zip = new JSZip();
zip.file("hello.txt", "Hello node!");
var content = zip.generate({ty
浏览 8提问于2015-07-18得票数 0
回答已采纳
我使用密码-js和下面的代码加密文件。它似乎对它们进行了加密，我可以在string中看到alert()。
现在我需要能够将加密的文件保存在我的计算机上的某个地方。我在我的电脑上本地运行这个文件。
我似乎无法为这个场景找到任何可行的解决方案！
这是我的完整代码：
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Get Dire
浏览 2提问于2017-08-21得票数 4
回答已采纳
使用7.4.1，当我加载一个带有视频is的页面时，Chrome devtools会向我显示这个错误：
Refused to create a worker from
'blob:https://dev.culturediscovery.com/51e9879d-fa81-4044-9117-
7328c0df4dd6' because it violates the following Content Security Policy directive: "default-src * data: 'unsafe-eval' &
浏览 1提问于2019-02-14得票数 18
回答已采纳
上传图像API需要二进制流。我尝试过新的FileReader()和它的readAsBinaryString()方法，但是它不起作用！二进制字符串和二进制流似乎不是一回事，所以我改变了方法，尝试了readAsDataURL()方法(因为我需要预览图像)，现在我想知道：
1)如何使用base64 js将转换为二进制流。
当我使用readAsBinaryString()时，响应如下(数据A)：
但是API需要这样的东西(数据B)：
2)有人知道如何将dataA (上图)转换为dataB (图片下移)？
浏览 4提问于2016-09-19得票数 0
1回答
我刚接触azure API，关注azure存储帐户的哪些数据或日志有博客:事件？wad-control-container wad-iis-logfiles还存在吗？表事件WADDirectoriesTable WADLogsTable WADPerformanceCountersTable WADWindowsEventLogsTable
浏览 1提问于2011-07-07得票数 0
回答已采纳
1回答
我有以下一段使用https://github.com/MrRio/jsPDF库生成pdf的代码： var generatePdfFromHtml = function(pdf, html, callback) {
console.log("Generating Pdf");
pdf.html(html, {
'callback': function(pdf) {
if (callback && typeof callback === 'function') {
console.lo
浏览 53提问于2019-04-07得票数 1
回答已采纳
我正在CrossRider中构建一个扩展。我需要保存图片/图标，我有他们的网址，在一个数据库。它们是微小的图像，不会成为数据库中的一个问题。我可能有background.js可以访问的东西
<img src="http://something.com/icon.ico" alt="icon">
我希望能够将该映像序列化到数据库(它是一个键/值数据库)，然后反序列化并显示它。类似HTML5 5的FileReader.readAsDataUrl()会很好，但我不能使用这种方法，因为它似乎太依赖于表单。
谢谢([-|])。
浏览 2提问于2013-12-19得票数 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
回答已采纳
1回答
以下没有下载/保存的代码有什么问题？
function save_file()
{
var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
saveAs(blob, "hello world.txt");
}
<script src="https://raw.githubusercontent.com/eligrey/FileSaver.js/master/FileSaver.js"></script>
浏览 2提问于2015-08-22得票数 0
回答已采纳
我尝试使用base64获取图像数据：
function previewFile() {
const preview = document.getElementById('video1');
const file = document.querySelector('input[type=file]').files[0];
const reader = new FileReader();
reader.addEventListener("load", function() {
// convert to base64
浏览 2提问于2021-11-20得票数 1
回答已采纳
我正在重写一个小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
1回答
我无法从app下载我生成的文件。代码现在看起来像这样： async handleFileTranslateAction(): Promise<void> {
this.progressSpinerIsVisible = true
this.originLanguageSelect = await this.languageService.getById(this.selectedOriginLanguage).toPromise()
this.destinationLanguageSelect = await this.languageService.ge
浏览 21提问于2021-03-29得票数 0
1回答
我是这里的新手，拥有javascript & php。
我无法将带有jsPDF的PDF保存到服务器上的本地存储(自动生成)。在过去的工作，但现在我只是把画布(javascript)到我的HTML，它不工作。
欢迎任何帮助:)
它适用于doc.save javascript，但不会自动保存到本地。
Javascript：
let doc = new jsPDF('p', 'pt', 'a4');
doc.addHTML(document.body, function () {
//this works but not store
浏览 0提问于2018-07-10得票数 0
1回答
我正在为使用ChartJS v2的react组件编写一些开玩笑的快照测试。我对Customer组件的测试如下
import React from 'react';
import renderer from 'react-test-renderer';
import CustomerComponent from '../src/components/customer/Customer';
describe('Customer', () => {
it('renders customer', () =&g
浏览 4提问于2017-04-19得票数 2
回答已采纳
我想在用可用的.txt工具保存它时指定它的FileSaver文件名：
就我在web中挖掘的内容而言，我发现，默认情况下，在指定的文件名下保存它是没有选择的，如此处所指出的：
没有可靠的方法可以做到这一点。
然而，我发现了一些东西，这会使我完全满意。该页面名为：FileSaver.js演示
它包括几个使用指定文件名保存文件的选项，同时也包括.txt文件。
这意味着，显然存在这一选项，因为他们已经设法做到了。
在我检查了他们的网站后，我尝试复制JavaScript代码，他们使用。我的代码现在看起来是这样的：
<link rel="stylesheet
浏览 0提问于2021-06-24得票数 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
回答已采纳
首先，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
我试图为文件(图像)上传编写一个单元测试，使用测试库进行反应，但是，当我将文件记录在控制台中时，它会显示一个空对象。我不确定是否需要任何路径配置。图像位于与test src/util/tests/相同的目录中。
这是我的代码：
const file = new File(["logo"], "logo.png", { type: "image/png" });
const imageComponent = screen.getByLabelText(/Profile Picture/i);
console.log(file);
userEven
浏览 2提问于2022-02-19得票数 1
3回答
jsPDF腐败PDF？
、、、
我正在尝试使用JavaScript使用jsPDF创建一个PDF文件。我有个小测试页。基本上，我有一个下载PDF按钮，它从span获取base64图像，并将其用于imgData。然后我尝试addImage的图像数据到pdf，然后保存它。一切似乎都正常，它生成PDF并提示下载。然而，当我试图使用xpdf或Foxit阅读器查看PDF时，我被告知PDF已损坏。我创建这个PDF不正确吗？我的网页很长，所以我把它放在上。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
浏览 4提问于2013-01-21得票数 3
回答已采纳
2回答
我正在使用pyquery构建一个网页：
> page = PyQuery('<html><head><script type="text/javascript" src="jquery-1.4.min.js"></script><script type="text/javascript" src="tools.min.js"></script></head><body></body></html>&
浏览 1提问于2011-02-19得票数 1
回答已采纳
我正试图使FileSaver为我的Angular2项目工作，并且尝试着处理其他问题的答案，但似乎仍然找不到它。
为我服务：
@Injectable()
export class DownloadsService {
http: any;
private actionUrl: string;
//constructor(private _http: Http) {
constructor(private jsonp: Jsonp, private _http: Http) {
let hostname = document.location.hos
浏览 3提问于2017-09-12得票数 0
回答已采纳
var takeScreenShot = function(){
html2canvas(document.body, {
onrendered: function(canvas) {
var tempcanvas=document.createElement('canvas');
tempcanvas.width=1350;
tempcanvas.height=1350;
var context=tempcanvas.getContext('2d');
浏览 1提问于2017-12-11得票数 1
我正在尝试加载pdf.js webworker，但无法加载！？
在浏览器中打开URL //cdn.localhost/js/pdf/worker_loader.js?v=280时，该URL将存在
错误
Failed to load script: //cdn.localhost/js/pdf/worker_loader.js?v=280
(nsresult = 0x805303f4)
html (URL = //secure.localhost)
<!DOCTYPE html>
<html>
<head></head>
<b
浏览 4提问于2013-05-30得票数 6
回答已采纳
4回答
电子PDF查看器
、、
我有一个电子应用程序，加载网址从PHP服务器。该页面包含一个iFrame，该PDF具有指向PDF的源。PDF页面在普通的网络浏览器中看起来完全没问题，但在Electron中却要求下载。有什么帮助吗？
我的html页面代码是
<h1>Hello World!</h1>
Some html content here...
<iframe src="http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf" width="1200" height="
浏览 3提问于2017-04-05得票数 13
我将一个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
回答已采纳
1回答
我用我的应用程序和一个三人小组一起工作，我们被困住了。
我们使用和为代码编辑器应用程序保存文件。它在浏览器中工作得很好，但是当我将它与PhoneGap一起作为一个原生的安卓应用程序使用时，它不会编写。
这个问题仍然发生在库中，甚至在库中保存单个文件。
$('.savemd').click ->
blob = new Blob([ mdEditor.getValue() ], type: 'text/x-markdown')
saveAs blob, 'source.md'
我试着使用Phonegap的对象，但后来我发现用Phoneg
浏览 0提问于2016-02-24得票数 14
回答已采纳
我试图在Chrome上使用p5声音，但在尝试时我遇到了一个错误。
拒绝创建“blob：.p5.sound.min.js：..”中的工作人员因为它违反了以下内容安全策略指令：“默认-src 'self‘’不安全-内联‘”。请注意，“worker-src”未显式设置，因此“default-src”用作回退。
后来我遇到：
Uncaught :p5.信封不是构造函数
我已经尝试寻找一个答案，并添加了一个元标签到我的索引html文件，我感到困惑的所有页面上的CSP指令。
<meta http-equiv="Content-Security-Policy"
浏览 5提问于2021-04-06得票数 1
var doc = new jsPDF();
$('#generatereport').click(function() {
doc.fromHTML($('#lppresults')[0], 15, 15, {
width: 170
}, function() {
doc.save('sample-file.pdf');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
浏览 0提问于2018-08-10得票数 11
回答已采纳
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
回答已采纳
1回答
学习反应编码，这里我想让用户选择一个图像然后用户应该能够发送它作为blob，需要建议如何将它转换成blob？
这是我用post方法获取的
const sendToserver = async () => {
let pollUrl = `api/...`;
const blob: any = await getImage();
// SEND THE BLOB TO YOUR SERVER
try {
const res = await fetch(pollUrl, {
method: "POST",
浏览 1提问于2022-06-08得票数 0
回答已采纳
我试图使用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回答
我看了一下的例子
<script src="FileSaver.js"></script>
var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
saveAs(blob, "hello world.txt");
结果将在文本文件中保存带有hello world.txt的Hello, World!。但是，是否可以将整个HTML页面(页面有HTML、JS、CSS)而不是文本保存到hellow
浏览 4提问于2014-12-01得票数 0
回答已采纳
我正在尝试使用Flutter Web中的PictureRecorder将画布内容捕获为图像，但在执行此操作时遇到了麻烦 在实验中，我画了一个简单的圆圈，并尝试记录它，但我记录的图片总是显示'null‘ import 'package:flutter_web/material.dart';
import 'package:flutter_web_ui/ui.dart' as ui;
import 'dart:typed_data';
void main() => runApp(App());
class App extends
浏览 24提问于2019-05-09得票数 3
回答已采纳
1回答
有关于如何使用FileSaver.js保存svg画布的详细示例吗？
我遵循上的画布示例，但是在line83上看到了一个“未定义的不是函数”，这是一个空行。
看看我的示例代码..。
<!doctype html>
<meta charset="utf-8">
<link rel="stylesheet" href="dagre_example.css">
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"&
浏览 3提问于2015-02-03得票数 0
回答已采纳
1回答
角1.2如果不更新pdf
、、、
我从输入html中抓取一个PDF文件，并试图使用HTML5文件API显示它，我能够console.log文件url，但它没有显示在我的console.log中：
这是我的html：
<html ng-app="PDFReaderApp">
<head>
<title> Automatically get your GPA from submitting in your transcript pdf file </title>
<script src="https://ajax.googleapis.com/ajax/
浏览 7提问于2016-12-21得票数 0
回答已采纳
1回答
如何隐藏或加密视频源地址？我想禁用我的视频网址，例如。mysite/video.mp4。
<video id="player" class="video-js" width='500' height='400'>
<source src="http://mysite/video.mp4" type="video/mp4">
<source src="http://mysite/video.webm" type="video/webm
浏览 12提问于2019-07-17得票数 0
我在我的NodeJs函数中使用了appInsights v2.1.4。函数配置中的APPINSIGHTS_INSTRUMENTATIONKEY变量提供的app键。
我已经设置了一个这样的类
const appInsights = require('applicationinsights');
class AppInsightsLog {
error (context, eventName, error) {
context.log.error(error);
appInsights.setup().start();
c
浏览 2提问于2021-09-23得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
