This is possible if the browser supports the download property in anchor elements. var sampleBytes = new Int8Array(4096); var saveByteArray = (function () { var a = document.createElement(“a”); document.body.appendChild(a); a.style = “display: none”; return function (data, name) { var blob = new Blob(data, {type: “octet/stream”}), url = window.URL.createObjectURL(blob); a.href = url; a.download = name; a.click(); … Read more
In your current case, you have two upfront options. The first, and the one I don’t recommend if you have numerous images like this, is to use inline base64 encoding. This is done with: <img src=”data:image/jpeg;base64,<?php echo base64_encode($image); ?>” /> A copy/paste version, using your existing code: echo ‘<dt><strong>Technician Image:</strong></dt><dd>’ . ‘<img src=”data:image/jpeg;base64,’ . base64_encode($row2[‘image’]) … Read more
Don’t use BlobBuilder in Chrome (tested in OSX Chrome, Firefox 12, Safari 6, iOS Chrome, iOS Safari): ex1 : http://jsfiddle.net/malraux/xGUsu/ (principle) ex2: http://jsfiddle.net/xGUsu/78/ (working with full example) var xhr = new XMLHttpRequest(); xhr.open(‘GET’, ‘doodle.png’, true); xhr.responseType=”arraybuffer”; // Process the response when the request is ready. xhr.onload = function(e) { if (this.status == 200) { // … Read more
What is the portable way to annotate a byte[] property? It depends on what you want. JPA can persist a non annotated byte[]. From the JPA 2.0 spec: 11.1.6 Basic Annotation The Basic annotation is the simplest type of mapping to a database column. The Basic annotation can be applied to a persistent property or … Read more
A URL that was created from a JavaScript Blob can not be converted to a “normal” URL. A blob: URL does not refer to data the exists on the server, it refers to data that your browser currently has in memory, for the current page. It will not be available on other pages, it will … Read more
You can also get BLOB object directly from XMLHttpRequest. Setting responseType to blob makes the trick. Here is my code: var xhr = new XMLHttpRequest(); xhr.open(“GET”, “http://localhost/image.jpg”); xhr.responseType = “blob”; xhr.onload = response; xhr.send(); And the response function looks like this: function response(e) { var urlCreator = window.URL || window.webkitURL; var imageUrl = urlCreator.createObjectURL(this.response); document.querySelector(“#image”).src … Read more
Problem $sql = “INSERT INTO ImageStore(ImageId,Image) VALUES(‘$this->image_id’,’file_get_contents($tmp_image)’)”; This creates a string in PHP named $sql. Forget about MySQL for a minute, because you’re not executing any query yet. You’re just building a string. The magic of PHP means that you can write a variable name — say, $this->image_id — inside the double quotes and the … Read more
You can use the File constructor: var file = new File([myBlob], “name”); As per the w3 specification this will append the bytes that the blob contains to the bytes for the new File object, and create the file with the specified name http://www.w3.org/TR/FileAPI/#dfn-file
First you create a MySQL table to store images, like for example: create table testblob ( image_id tinyint(3) not null default ‘0’, image_type varchar(25) not null default ”, image blob not null, image_size varchar(25) not null default ”, image_ctgy varchar(25) not null default ”, image_name varchar(50) not null default ” ); Then you can write … Read more
This demo uses Blob URL which is not supported by IE due to security restrictions. IE has its own API for creating and downloading files, which is called msSaveOrOpenBlob. Here is my cross-browser solution that works on IE, Chrome and Firefox: function createDownloadLink(anchorSelector, str, fileName){ if(window.navigator.msSaveOrOpenBlob) { var fileData = [str]; blobObject = new Blob(fileData); … Read more