Added fbr@2.0.3 Now you can limit File-Types as well.

fileSelector.accept = ‘*.png, *.jpeg, *.mp4’;
muaz-khan · Oct 19, 2016 · 9f9aa66 · 9f9aa66
1 parent f728167
commit 9f9aa66
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 6 deletions.
diff --git a/FileBufferReader.js b/FileBufferReader.js
@@ -1,4 +1,4 @@
-// Last time updated: 2016-10-18 2:34:23 PM UTC
+// Last time updated: 2016-10-19 12:23:04 PM UTC
 
 // ________________
 // FileBufferReader
@@ -328,6 +328,8 @@
             selectFile(callback, true);
         };
 
+        selector.accept = '*.*';
+
         function selectFile(callback, multiple) {
             var file = document.createElement('input');
             file.type = 'file';
@@ -336,6 +338,8 @@
                 file.multiple = true;
             }
 
+            file.accept = selector.accept;
+
             file.onchange = function() {
                 if (multiple) {
                     if (!file.files.length) {

diff --git a/FileBufferReader.min.js b/FileBufferReader.min.js
diff --git a/README.md b/README.md
@@ -88,6 +88,9 @@ You can use `input[type=file].onchange` instead, which is **strongly recommended
 ```javascript
 var fileSelector = new FileSelector();
 
+// *.png, *.jpeg, *.mp4, etc.
+fileSelector.accept = '*.*';
+
 var btnSelectFile = document.getElementById('select-file');
 btnSelectFile.onclick = function() {
     fileSelector.selectSingleFile(function(file) {

diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "fbr",
   "preferGlobal": true,
-  "version": "2.0.2",
+  "version": "2.0.3",
   "author": {
     "name": "Muaz Khan",
     "email": "muazkh@gmail.com",

diff --git a/demo/PeerUI.js b/demo/PeerUI.js
@@ -253,6 +253,11 @@ window.addEventListener('load', function() {
     // using FileBufferReader.js
 
     var fileSelector = new FileSelector();
+
+    // you can force specific files e.g.
+    // image/png, image/*, image/jpeg, video/webm, audio/ogg etc.
+    fileSelector.accept = '*.*';
+
     var fileBufferReader = new FileBufferReader();
 
     fileBufferReader.onBegin = FileHelper.onBegin;

diff --git a/dev/FileSelector.js b/dev/FileSelector.js
@@ -6,6 +6,8 @@ function FileSelector() {
         selectFile(callback, true);
     };
 
+    selector.accept = '*.*';
+
     function selectFile(callback, multiple) {
         var file = document.createElement('input');
         file.type = 'file';
@@ -14,6 +16,8 @@ function FileSelector() {
             file.multiple = true;
         }
 
+        file.accept = selector.accept;
+
         file.onchange = function() {
             if (multiple) {
                 if (!file.files.length) {

diff --git a/index.html b/index.html
@@ -140,7 +140,7 @@
         document.createElement('footer');
     </script>
 
-    <script src="FileBufferReader.js"></script>
+    <script src="https://cdn.webrtc-experiment.com/FileBufferReader.js"></script>
     <script src="demo/PeerConnection.js"> </script>
     <script src="demo/PeerUI.js"></script>
 

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "fbr",
   "preferGlobal": true,
-  "version": "2.0.2",
+  "version": "2.0.3",
   "author": {
     "name": "Muaz Khan",
     "email": "muazkh@gmail.com",