javascript - Dragging local image in webpage crashes Chrome -


I am working on a page where users can view / upload local files. Once the file is selected, I am displaying the image in the page. I have encountered a problem that crashes my browser window (chrome) by dragging this image.

Simple HTML:

& lt; Input

Javascript (jQuery): 

  $ ('Input') {var file = $ ('input'). Get (0) .files ; Var fileRedder = new file reader (); fileReader.onload = function (e) {$ ('img') .attr ('src', e.target.result);}; fileReader.readAsDataURL (file [0]) ;});   
 Speaking of a bit more, it seems that with big image files (such as uncompressed photos from the iPhone), this is a problem. It is not necessary that the page be a dealer-breaker, but definitely drag one image and instantly get bothered to crash the page.  
 Is there a good way to fix this?    
 
 
 
 
 
 
 
 Post-text "itemprop =" text "= undefined & window.phill reader! == undefined) {var reader = new FileReader (); Var self = this; Reader.odo = function (e) {if (window.Blob) {var blob = new blob ([e.target.result]); Window.URL = window.URL || window.webkitURL; Var blobURL = window.URL.createObjectURL (blob); Self.setSrc ({"tempUrl": blobURL}); // Using spinal cord refers to this one model}}; reader.readAsArrayBuffer (file); } Else {if (! File) console.error ("no file was paused"); If (! Window.FileReader) console.error ("Your browser is not supported"); }   
 As I could see,  readAsDataURL  kills memory.   

 






























    





Comments











Post a Comment

Popular posts from this blog

c# - passing input text from view to contoller with FacebookContext using Facebook app -

I'm trying to pass an input text from the viewer to the controller in the Facebook Birthday app: Link to app: In the Home Controller [FacebookAuthorize ("email", "user_photos")] Public async Tasks & lt; ActionResult & gt; Index (FacebookContext reference) {if (ModelState.IsValid) {var user = waiting for reference. Client.Gate CurrentUserAsync & lt; MyAppUser & gt; (); View return (user); } See Return ("Error"); } [Http post] [facebook authorized ("email", "user_photo")) public async task & lieutenant; Actionsclass & gt; Index (string textile, facebookcontonte context) {if (ModelState.IsValid) {var user = wait context.Client.GetCurrentUserAsync & lt; MyAppUser & gt; (); // See my code, see the use of txt here (user); } See Return ("Error"); } View: @using facebookpostc.models @ Microsoft.AspNet.Mvc.Facebook.models using @ Microsoft.AspNet.Mvc. Facebook @model MyAppUser @ {ViewB...
Read more

ios - Does Core Data autoupdate a many to many relationship on saving -

I have used 2 database tables and core data / NSManagedObjects in SQLite: User is user_id name group (multiple groups) Group group_id title group members (multiple users) By using core data to save a group and adding users ( Add to group) as follows: group * cordata = zero; Cordata = [NSEntityDescription insertNewObjectForEntityForName: @ Managed Object Contains in "Groups": Reference]; Request = [NSFetchRequest fetchRequestWithEntityName: @ "user"]; Request.predicate = [NSPredicate predicateWithFormat: @ "user_id =% @", user_id]; Result = [reference executeFetchRequest: request error: & amp; Error]; CoreData.group_id = group_id Cordettitle = Title [Cordata AdGroupMailersObject: [Last objections result]]; Is it right to say that core data manages a user with multiple users and groups with the code above? Yes, if the relationships are in the form of each other's inverse relationship The inverse relationships are updated automaticall...
Read more

Calling a C++ function from C# by passing a string with variable size to it -

I am calling a string with a C + code and calling from the C # code. The C ++ function is responsible for filling the string material. The following code is: C #party: var abc = new string builder (4096); // will have to change this var result = Basic methods. SignCrcFile (ABC); C ++: bool __cdecl SignCrcFile (char * abc) {... char * tempStr = "hello all"; // for example // copy it to ABC string strcpy (ABC, tempStr); Back true; } The problem is that tempStr's size in the C ++ function is dynamic (the above assignment for TempStr is only an example). In such a case, it is not a hard code that the size of ABC string is in the size of 4096 bytes on the C #. The first solution can be a solution to create 2 functions on the C ++ side to get the size of the string. Then allocate that size using StringBuilder in the C # side then use the next function to bring the entire string from C ++ to the C #. But no suggestion this may not be the most optimal way? ...
Read more