There is difference.

1) time
 - `createObjectURL` is synchronously executed (immediately)
 - `FileReader.readAsDataURL` is asynchronously executed (after some time)


2) memory usage
 - `createObjectURL` returns url with hash, and store object in memory until document triggers unload event (e.g. document close) or execute `revokeObjectURL`
 - `FileReader.readAsDataURL` returns `base64` that contains many characters, and use more memory than blob url, but removes from memory when you don&#39;t use it (by garbage collector)

3) support
 - `createObjectURL` from IE 10 and all modern browsers
 - `FileReader.readAsDataURL` from IE 10 and all modern browsers

&lt;br /&gt;

For me, is better to use blob url&#39;s (via `createObjectURL`), it is more efficient and faster, but if you use many object urls, you need to
 release these urls by `revokeObjectURL` (to free memory).

For example, you can call URL.revokeObjectURL inside an Image onload handler and the Image object will keep the image data, without losing it, Nahuel Greco (c).



I am trying to move the `public` folder to other place. However, I can&#39;t find the place to modify `public_path()` variable. Now, the &#39;public_path()&#39; return the wrong path of folder.

Where can I set the variable for `public_path()`?

Laravel 5 change public_path()

I have a `UICollectionView` with a `segmented control` to switch between data. But how do I change the `UICollectionViewCell` size properties **programmatically** ? then I can custom each style appropriately for each data type. 

**For example** change the width to 520 points and height to 100. I am new to iOS development and am experienced with CSS :/

I know how to do it in Xcode (obviously) but do not know the correct methods to change it in swift. Any ideas or feedback is much appreciated (Y)


[![enter image description here][1]][1]


  [1]: http://i.stack.imgur.com/BMy4O.png

How to change UICollectionViewCell size programmatically in Swift?

I&#39;m building a mobile website and I&#39;d like to use the Camera API to take photos. The images should be displayed on the website and uploaded to a server. According to the [introduction to the Camera API on MDN][1] the images can be accessed and displayed on the website using `FileReader` or `window.URL.createObjectURL`. I [tested][2] these possible solutions successfully with an iPad (Safari and Chrome) and an Android tablet (Chrome and Firefox).

What is the difference between `FileReader` and `window.URL.createObjectURL`? I think `window.URL.createObjectURL` is newer but not a standard yet. Is there a difference in the performance?


  [1]: https://developer.mozilla.org/en-US/docs/Web/Guide/API/Camera
  [2]: http://lab.html5test.com/files/

FileReader vs. window.URL.createObjectURL

<p>I'm building a mobile website and I'd like to use the Camera API to take photos. The images should be displayed on the website and uploaded to a server. According to the <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/API/Camera" target="_blank" rel="noopener noreferrer">introduction to the Camera API on MDN</a> the images can be accessed and displayed on the website using <code>FileReader</code> or <code>window.URL.createObjectURL</code>. I <a href="http://lab.html5test.com/files/" target="_blank" rel="noopener noreferrer">tested</a> these possible solutions successfully with an iPad (Safari and Chrome) and an Android tablet (Chrome and Firefox).</p>
<p>What is the difference between <code>FileReader</code> and <code>window.URL.createObjectURL</code>? I think <code>window.URL.createObjectURL</code> is newer but not a standard yet. Is there a difference in the performance?</p>


Is there any (simple/built-in way) to open a new browser (I mean default OS browser) window for a link from Electron instead of visiting that link inside your Electron app ?

Make a link from Electron open in browser

The &quot;Compile on save&quot; feature isn&#39;t working for me after upgrading to Visual Studio 2015.  When I make a change to a `.ts` file in my project and save, the status bar at the bottom of the IDE says `Output(s) generated successfully`, but the generated `.js` file doesn&#39;t change.

Here&#39;s what I&#39;ve tried:

- adding the following to the root `&lt;Project&gt;` element in my `.csproj`:

        &lt;PropertyGroup&gt;
            &lt;TypeScriptCompileOnSaveEnabled&gt;True&lt;/TypeScriptCompileOnSaveEnabled&gt;
        &lt;/PropertyGroup&gt;


- checking and unchecking the &quot;Automatically compile TypeScript files which are not part of a project&quot; option in `Tools -&gt; Options -&gt; TypeScript -&gt; Project`:

 [![enter image description here][1]][1]

- double checking to make sure &quot;Compile on save&quot; is checked in my project&#39;s TypeScript Build properties:

 [![enter image description here][2]][2]

What am I missing?

As a side note, the TypeScript compilation step does work as expected when triggered by a regular build.

  [1]: http://i.stack.imgur.com/j6QCM.png
  [2]: http://i.stack.imgur.com/QSWMo.png

TypeScript &quot;Compile on save&quot; feature not working in Visual Studio 2015

When ES6 Arrow functions don&#39;t seem to work for assigning a function to an object with prototype.object. Consider the following examples:

    function Animal(name, type){
     this.name = name;
      this.type = type;
      this.toString = () =&gt; `${this.name} is a ${this.type}`;
      
    }
    var myDog = new Animal(&#39;Max&#39;, &#39;Dog&#39;);
    console.log(myDog.toString()); //Max is a Dog

Using the arrow function explicitly in the object definition works, but using the arrow functions with the Object.prototype syntax does not:

    function Animal2(name, type){
      this.name = name;
      this.type = type;
    }
    Animal2.prototype.toString = () =&gt; `${this.name} is a ${this.type}`;
    
    var myPet2 = new Animal2(&#39;Noah&#39;, &#39;cat&#39;);
    console.log(myPet2.toString()); //is a undefined

Just as a proof of concept, using the Template string syntax with Object.prototype syntax does work:

    function Animal3(name, type){
      this.name = name;
      this.type = type;
    }
    Animal3.prototype.toString = function(){ return `${this.name} is a ${this.type}`;}
    
    var myPet3 = new Animal3(&#39;Joey&#39;, &#39;Kangaroo&#39;);
    console.log(myPet3.toString()); //Joey is a Kangaroo

Am I missing something obvious? I feel that example 2 should work logically, but I am puzzled by the output. I&#39;m guessing it is a scoping issue, but I am thrown off by the output &#39;is a undefined&#39;.

[ES6 Fiddle][1]


  [1]: http://www.es6fiddle.net/ics4dh0m/

ES6 arrow functions not working on the prototype?

I am trying to create a postHTTP request with some form parameters that are to be set.  I am using the axios with node server.  I already have a java code implementation of constructing a url as given below: 
    
JAVA CODE: 
    
    HttpPost post = new HttpPost(UriBuilder.fromUri (getProperty(&quot;authServerUrl&quot;))
                .path(TOKEN_ACCESS_PATH).build(getProperty(&quot;realm&quot;)));
    
    List&lt;NameValuePair&gt; formParams = new ArrayList&lt;NameValuePair&gt;();
    
    formParams.add(new NameValuePair(&quot;username&quot;,getProperty (&quot;username&quot;)));
    formParams.add(new NameValuePair(&quot;password&quot;,getProperty (&quot;password&quot;)));
    formParams.add(new NameValuePair(&quot;client_id, &quot;user-client&quot;));
    
I am trying to do the same thing in axios. 
    
AXIOS IMPLEMENTATION: 
    
    axios.post(authServerUrl +token_access_path,
            {
    				username: &#39;abcd&#39;, //gave the values directly for testing
    				password: &#39;1235!&#39;,
    				client_id: &#39;user-client&#39;
    		}).then(function(response) {
                console.log(response); //no output rendered
            }
Is the approach to set these form params on the post request correct?

Axios Http client - How to construct Http Post url with form params

I&#39;ve looked around a lot, and I understand that there&#39;s a lot of ways to detect internet explorer.

My problem is this: I have an area on my HTML document, that when clicked, calls a JavaScript function that is incompatible with internet explorer of any kind.
I want to detect if IE is being used, and if so, set the variable to true. 

The problem is, I am writing my code out of Notepad++, and when I run the HTML code in browser, none of the methods for detecting IE work. I think the problem is that I am running it out of Notepad++. I need to be able to detect IE, so that based on the variable, I can disable that area of the site. I have tried this:

    var isIE10 = false;

    if (navigator.userAgent.indexOf(&quot;MSIE 10&quot;) &gt; -1) {
        // this is internet explorer 10
        isIE10 = true;
       window.alert(isIE10);
    }

    var isIE = (navigator.userAgent.indexOf(&quot;MSIE&quot;) != -1);

    if(isIE){
        if(!isIE10){
        window.location = &#39;pages/core/ie.htm&#39;;
        }
    }
but it doesn&#39;t work. How can I detect IE out of Notepad++? That&#39;s what I&#39;m testing the HTML out of, but I need a method that&#39;ll work with that.

# edit  

I noticed someone has marked this as a duplicate, and that is understandable. I suppose I was not clear.  I cannot use a JQuery answer, so this is not a duplicate as I am asking for a vanilla JS answer.

# Edit #2

Is there also a way to detect the Microsoft Edge browser?

How can I detect Internet Explorer (IE) and Microsoft Edge using JavaScript?

I&#39;m writing an web app with AngularJS and angular-material. The problem is that there&#39;s no built-in component for file input in angular-material. (I feel that file uploading doesn&#39;t fit the material design, but I need it in my app)

Do you have a good solution for this problem? 

File Upload with Angular Material

I&#39;m using [Angular][1], [TypeScript][2] to send a file, along with JSON Data to a server.

Below is my code:

    import {Component, View, NgFor, FORM_DIRECTIVES, FormBuilder, ControlGroup} from &#39;angular2/angular2&#39;;
    import {Http, Response, Headers} from &#39;http/http&#39;;


    @Component({ selector: &#39;file-upload&#39; })
    @View({
    directives: [FORM_DIRECTIVES],
    template: `
    &lt;h3&gt;File Upload&lt;/h3&gt;

    &lt;div&gt;
         Select file:
        &lt;input type=&quot;file&quot; (change)=&quot;changeListener($event)&quot;&gt;
    &lt;/div&gt;

    `
    })
    export class FileUploadCmp {

    public file: File;
    public url: string;
    headers: Headers;


    constructor(public http: Http) {
        console.log(&#39;file upload Initialized&#39;);
        //set the header as multipart        
        this.headers = new Headers();
        this.headers.set(&#39;Content-Type&#39;, &#39;multipart/form-data&#39;);
        this.url = &#39;http://localhost:8080/test&#39;;
    }
    
    //onChange file listener
    changeListener($event): void {
        this.postFile($event.target);
    }
    
    //send post file to server 
    postFile(inputValue: any): void {

        var formData = new FormData();
        formData.append(&quot;name&quot;, &quot;Name&quot;);
        formData.append(&quot;file&quot;,  inputValue.files[0]);

        this.http.post(this.url +,
          formData ,
            {
                headers: this.headers

            });
    }

    }


How can I transform the `formData` to String and send it to the server? I remember in [AngularJS][3] (v1) you would use `transformRequest`.


  [1]: https://angular.io/
  [2]: https://www.typescriptlang.org/
  [3]: https://angularjs.org/

Angular - POST uploaded file

We are developing server with REST API, which accepts and responses with JSON. The problem is, if you need to upload images from client to server.

Note: and also I am talking about a use-case where the entity (user) can have multiple files (carPhoto, licensePhoto) and also have other properties (name, email...), but when you create new user, you don&#39;t send these images, they are added after the registration process.

***

The solutions I am aware of, but each of them have some flaws

**1. Use multipart/form-data instead of JSON**

*good* : POST and PUT requests are as RESTful as possible, they can contain text inputs together with file.

*cons* : It is not JSON anymore, which is much easier to test, debug etc. compare to multipart/form-data

**2. Allow to update separate files**

POST request for creating new user does not allow to add images (which is ok in our use-case how I said at beginning), uploading pictures is done by PUT request as multipart/form-data to for example /users/4/carPhoto 

*good* : Everything (except the file uploading itself) remains in JSON, it is easy to test and debug (you can log complete JSON requests without being afraid of their length)

*cons* : It is not intuitive, you cant POST or PUT all variables of entity at once and also this address `/users/4/carPhoto` can be considered more as a collection (standard use-case for REST API looks like this `/users/4/shipments`). Usually you cant (and dont want to) GET/PUT each variable of entity, for example users/4/name . You can get name with GET and change it with PUT at users/4. If there is something after the id, it is usually another collection, like users/4/reviews

**3. Use Base64**

Send it as JSON but encode files with Base64.

*good* : Same as first solution, it is as RESTful service as possible.

*cons* : Once again, testing and debugging is a lot worse (the body can have megabytes of data), there is increase in size and also in processing time in both - client and server

***

I would really like to use solution no. 2, but it has its cons... Anyone can give me a better insight of &quot;what is best&quot; solution?

My goal is to have RESTful services with as much standards included as possible, while I want to keep it as simple as possible.

REST API - file (ie images) processing - best practices

Is there a maximum file size that spring boot can handle in a `MultipartFile` upload process. I know that I can set the `maxFileSize` in the property like `multipart.maxFileSize=1Mb`. 

So, like that can I allow a huge file to upload, like 50MB. The application runs on the Tomcat server integrated with Spring Boot. Do I need to configure the tomcat server also? Or is the file size *unlimited*?

Max limit of MultipartFile in Spring Boot

I am working with a standard file input for uploads, and I am looking for a way to attach a function to an event when the user clicks/hits enter on the &quot;cancel&quot; button (or escapes out from) the choose file dialog. 

I can&#39;t find any events that work across all browsers and platforms consistently. 

I&#39;ve read the answers to this question: https://stackoverflow.com/questions/10127492/capturing-cancel-event-on-input-type-file but they don&#39;t work, as the change event doesn&#39;t fire in most browsers on canceling out of the choose file dialog. 

I&#39;m looking for a pure js solution, but open to jquery solutions as well.

Anyone solve this problem successfully? 

Content Type	Original Author	Original Content on Stackoverflow
Question	nightlyop	View Question on Stackoverflow
Solution 1 - Javascript	Alex Nikulin	View Answer on Stackoverflow

FileReader vs. window.URL.createObjectURL

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

How to change UICollectionViewCell size programmatically in Swift?

Laravel 5 change public_path()

Attributions