Skip to main content
51 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
55 views

I have an html page which displays a table of pdf files uploaded with columns saying who uploaded it, when it was uploaded, the size etc, plus a thumbnail of the first page of the pdf file. If you ...
William Arcq's user avatar
  • 1
0 votes
0 answers
682 views

The URL.createObjectURL() function allows you to create a temporary URL from a Blob. I am aware that this function can leak memory (until the page is unloaded), so that it is often important to call ...
curiousdannii's user avatar
  • 2,098
0 votes
1 answer
58 views

I have uploaded the file using UI and I want to download after some time or instantly and I have implemented the same using <Chip> component but it not working, need help to resolve the same. **...
KARTHIKEYAN.A's user avatar
  • 20.5k
0 votes
1 answer
1k views

I have a website that does the following: On the client side, call an api endpoint passing just the URL of an image from the internet On the server side, get the image by URL and return the image ...
daviddev95's user avatar
  • 29
0 votes
1 answer
1k views

i get a broken image icon when i want to display a blob image with createObjectURL : I provide a Uint8Array to the first parameter of the blob object (data), here is the js code : const photo = $('....
Kogami997's user avatar
  • 43
1 vote
0 answers
37 views

I'm trying to download a file uploaded on S3. The file is well saved but impossible to download it. My result is a blank new tab. Any idea where the issue come ? Here is the back end code : try: ...
bmagnette's user avatar
  • 100
2 votes
0 answers
220 views

I create a image preview in React. The preview image change every time input change: const [src, setSrc] = useState('') const [file, setFile] = useState() useEffect(() => { setSrc(URL....
kan's user avatar
  • 365
3 votes
1 answer
13k views

If you go to the "creating a blob" example in https://developer.mozilla.org/en-US/docs/Web/API/Blob#creating_a_blob, you end up getting an URL that starts with "blob:https://", but ...
Josué Zatarain's user avatar
  • 857
1 vote
0 answers
226 views

In my Node backend, I have an endpoint where I get a few videos from where I have them stored in Google Cloud, then return these videos as the response. Here is my code for that: app.get("/...
Ameen Izhac's user avatar
  • 133
7 votes
0 answers
675 views

The problem is basically what the title says. The minimal example to demonstrate it is below. This function accepts a File object as an argument from <input type='file' /> field. It creates a ...
roman465's user avatar
  • 189
1 vote
0 answers
2k views

I am using quill in Next.js and I have ran into a problem. Instead of using the default base64 encoding for images, I have added a custom handler that creates an object url for the images and I later ...
harun wagura's user avatar
  • 36
1 vote
1 answer
195 views

I want to create a PDF with new File(["<body>text<body>"],"application/pdf") But I want it without any libs With Vanilla Js And get base 64 string with new FileReader ...
Web Host's user avatar
  • 35
1 vote
0 answers
633 views

I am opening a pdf in new tab using the below function: const blob = new Blob([data.body], { type: 'application/pdf' }); let url = URL.createObjectURL(blob); window....
Keshav Agrawal's user avatar
  • 11
0 votes
2 answers
1k views

I have an image uploader where I have some PHP checks that happen on the server side. What I want to do is also provide frontend validations for the user, but I am having an issue getting the values ...
paulo77's user avatar
  • 174
0 votes
1 answer
2k views

I have a file input where the selected file has to be converted into an image url so I can add it to a canvas. I have already found out that an SVG is an exception so I need to convert it into a Blob ...
Mats Raemen's user avatar
  • 1,812
0 votes
1 answer
761 views

I am using the package hopding/pdf-lib from github within the browser to generate a pdf. I get the result as a uint8array. I can send this to the browser using rndme/download from github which stores ...
fanThomas's user avatar
  • 129
0 votes
1 answer
282 views

I'm using object tag to display PDF inside it. data for PDF looks like this "blob:http://localhost:4200/c91f1c30-0c97-45cc-a5f5-4897f3766f60". Firefox can open and show document; Chrome for ...
E1dar's user avatar
  • 622
0 votes
2 answers
2k views

I have two unit tests like so: test('should call downloadPDFFile with msSaveOrOpenBlob when the navigator is present', async () => { axios.get.mockResolvedValueOnce({ data: 'blob' }); window....
user avatar
0 votes
0 answers
1k views

I want to change the name that appears in the url when it is created, because it is not legible or identifying const file = new File([blob],"name.pdf", { type:"application/pdf" }); ...
Bautista D'Alessandro's user avatar
  • 1
1 vote
1 answer
1k views

How can I use a "writable store" to create a "blob"? I am new to Svelte. I am trying to code a simple markdown editor for visually impaired users. The content of the "textarea&...
Henriette's user avatar
  • 13
1 vote
0 answers
635 views

I have a Vue application that allows for a user to download a .pdf file. Currently, if a user clicks the file download button on a mobile device, it downloads and automatically opens. I'm wanting to ...
Gerald Qamis's user avatar
  • 11
3 votes
1 answer
1k views

I am currently trying to improve my JS skills by going through WesBos's 30 Days of JavaScript. (It is really fun if!) I'm currently on Day 19, which is about using JS to access the WebCam, and then ...
ivyrose's user avatar
  • 27
0 votes
0 answers
61 views

I have a project with two files: example.mp4 example.json These files are in the same path. I need to select only the example.mp4 file and automatically load the corresponding example.json file ...
VILLMER's user avatar
  • 1
0 votes
1 answer
2k views

I Want to generate a link for my local woff file. With help of createobjectURL function, A link is created, however, the penalty is in the way of a blob. The URL lifetime is tied to the document in ...
Kraken's user avatar
  • 93
3 votes
1 answer
370 views

I am just curious about how to get the data wrapped in URL.createObjectURL. So I write the following code. function typedArrayToURL(typedArray, mimeType) { return URL.createObjectURL(new Blob([...
Donghua Liu's user avatar
  • 2,368
0 votes
1 answer
642 views

I'm using JavaScript to record the user screen and afterward playing it in a video tag of the page and downloading it. Now it's playing fine the browser video tag but not playing once it's downloaded ...
Md Shuvo's user avatar
  • 69
0 votes
2 answers
2k views

I am making a audio player using <audio src={audioSrc}> tag. When I get the audio file, it was a binary file(blob below) so I created a blob with it. let test = new Blob(blob, {type: 'audio/mp3'...
doobean's user avatar
  • 2,168
2 votes
0 answers
386 views

I have received the blob object as a response and It constructs the below Image tag using URL.createObjectURL(blob). <image src="blob:http://localhost/someblobhax: />. Unfortunately, the ...
kulls's user avatar
  • 893
1 vote
1 answer
543 views

function startWebcam(){ navigator.mediaDevices.getUserMedia({video:true,audio:true}).then(localMediaStream=>{ //console.log(localMediaStream); let textFileAsBlob = ...
KOHINOOR KHAN's user avatar
  • 11
6 votes
1 answer
6k views

I'm developing an iframeable component and have now stumbled over something that looks like a security problem. I have two web sites: site A, running at http://localhost:3002 site B, running at http:/...
Nikolai Prokoschenko's user avatar
  • 8,843
1 vote
0 answers
887 views

hey guys hope you are doing fine . I am new in react js and i am facing some difficulties to fix this error . TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed. I ...
Bassel Costantine's user avatar
  • 11
11 votes
1 answer
11k views

I am trying to save a blob to localforage and then retrieve it and display it. It works fine for a while, but after a couple of page refreshes or browser closes I get an error on some of the blobs. ...
user1763510's user avatar
  • 1,310
1 vote
0 answers
667 views

I want to add an image upload feature to my website. If the image is uploaded I want it to be displayed in an IMG tag otherwise shows the first letter of the username. So to check whether the image is ...
Bimal Sunil's user avatar
  • 45
1 vote
1 answer
1k views

I can create an object URL like this: let pixel = "iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; let data = atob(...
cbwi's user avatar
  • 43
18 votes
3 answers
59k views

I am trying to have a file upload feature in my React application but am running into a problem. When I try to upload a first picture, it works just fine. The file explorer dialog closes and my ...
Pimv_h's user avatar
  • 450
2 votes
0 answers
582 views

I have a button with a click event handler that, when clicked, will use axios to GET a file that resides on a remote server (passes a token and gets a blob responseType back). I don't understand how ...
redshift's user avatar
  • 5,277
1 vote
0 answers
390 views

I have an API that returns video stream with partial content (206) support. But this API needs some custom headers like authentication, so I use fetch to get the stream and create object URL. I've ...
nrofis's user avatar
  • 9,917
2 votes
1 answer
393 views

I'm very new to JS code and just take over left work from colleague. When Flask code return zip file using send_file, the JS side download seems invalid. Other format, like text and csv are good. The ...
Daniel Y.Sui's user avatar
  • 21
0 votes
1 answer
2k views

I have an image uploader built from scratch in a React app. The image preview - made thanks to window.URL.createObjectURL() - only works the first time. I thought it was because of memory issue, so I ...
HelloWorldEngineer's user avatar
  • 6,427
4 votes
2 answers
6k views

I have an audio control on my page that looks something like: <audio id="myAudio" controls> <source id="myAudioSource" src="https://my-site/mp3/123456" type=&...
rcarrington's user avatar
  • 1,722
2 votes
1 answer
1k views

I've implemented an HTTPS endpoint in php that returns mp3 data. Then, after an ajax call in javascript, I play it via the following: let blob = new Blob([response.value], { type: 'audio/mp3' }); ...
xdhmoore's user avatar
  • 10.2k
2 votes
0 answers
471 views

When opening an object URL in Firefox the file's content is correctly displayed (in the PDF viewer), but "Save page as..." cannot download the blob. The download list in Firefox lists the ...
kossmoboleat's user avatar
  • 1,961
-1 votes
1 answer
3k views

I want to preview a file in another browser tab by clicking on a file which I uploaded before. It's working fine with {type:'application/pdf'} or {type: 'image/jpeg'} but I need both of them. Is there ...
melodi's user avatar
  • 1
2 votes
0 answers
819 views

I am a developer/creator of a Video Streaming Service, in order to server the movies I am using createObjectURL() (BLOB URL). The Blob Url is created and served to the html5 video element ...
Stewart's user avatar
  • 21
3 votes
0 answers
973 views

I have a question, after i update the openlayers from 5.3.1 to 6.3.1, when i run test, jest or mocha, both show the error "TypeError: URL.createObjectURL is not a function", what is the reason? Mocha-...
user1018031's user avatar
  • 83
6 votes
1 answer
6k views

As I've been looking for a way to create and download a text file from a website with JavaScript, I've found a bunch of solutions but generally using either Blob/createObjectURL or otherwise ...
gaspar's user avatar
  • 1,108
1 vote
1 answer
1k views

I have to handle kind of large data sets with plain text. I get these data via a cloud as several chunks and use a web worker to process and format the data. In the end, I want to download it to the ...
BoesingaGit's user avatar
  • 21
0 votes
0 answers
630 views

I am uploading files from the local file system by using XMLHttpRequest. I am following the suggestion made in this SO question - Pass large blob or file from chrome extension This is started in the ...
darbid's user avatar
  • 2,771
4 votes
0 answers
337 views

I am using blob to view a file(no specific type) in a new tab. If the file preview is supported, the file is view-able. However, if it is not supported the file gets downloaded. is it possible to stop ...
Aarji George's user avatar
  • 629
1 vote
1 answer
3k views

In HTML <video> object, I cannot play a video recorded by the video.js-record library. I checked the Blob returned in the player.recordedData variable and wanted to assign it to the object like ...
gertschi's user avatar
  • 13

1
2