How to upload files in old browsers (Ex. Safari 5.1.4)

Asked Jul 05 '16 at 00:15

Active Jul 23 '23 at 13:14

Viewed 135 times

Trying to upload images to website by encoding it to Base64. I have this code that works in new Chrome/Mozzilla/IE11. But it doesn't work in Safari 5.1.4 (Windows)

I can see now that FileReader is not available at safari until version 6.0, So any alternatives to this?

This is the code :

<input id="#avatar" type="file" onchange="previewFile()">

<script>
var img;
function previewFile() {
  var file    = document.querySelector('input[type=file]').files[0];
  var reader  = new FileReader();

  reader.addEventListener("load", function () {
    img = reader.result;
    alert(img)
  }, false);

  if (file) {
    reader.readAsDataURL(file)
  }
}
<...>

</script>

edited Jul 23 '23 at 13:14

Codemaster United

asked Jul 05 '16 at 00:15

Pablo Aaron

What error do you get in console? – onetwo12 Jul 05 '16 at 00:39
`FileReader` is not available at safari until version 6.0, see https://developer.mozilla.org/en-US/docs/Web/API/FileReader#Browser_compaibility – guest271314 Jul 05 '16 at 01:09
1

And what should I do now?... target IE8-9 also could be nessery – Pablo Aaron Jul 05 '16 at 01:13
What is expected result of retrieving `data URI` representation of uploaded file? To set `img` `src` to uploaded file? – guest271314 Jul 05 '16 at 01:14
Save and post to dropbox. If you asking I'm using meteor. but package FS.collection isn't working at some point at all. – Pablo Aaron Jul 05 '16 at 01:18
@PabloAaron See http://stackoverflow.com/questions/38195855/how-to-create-an-arraybuffer-and-data-uri-from-blob-and-file-objects-without-fil – guest271314 Jul 10 '16 at 02:02

How to upload files in old browsers (Ex. Safari 5.1.4)

0 Answers0

Linked