javascript - Loading an image to a from -

-


javascript - Loading an image to a <img> from <input file> -

i'm trying load image selected user through element.

i added onchange event handler input element this:

<input type="file" name="picfield" id="picfield" size="24" onchange="preview_2(this);" alt=""/>

and preview_2 function is:

var outimage ="imagenfondo"; function preview_2(what){ globalpic = new image(); globalpic.onload = function() { document.getelementbyid(outimage).src = globalpic.src; } globalpic.src=what.value; }

where outimage has id value of tag want new image loaded.

however, appears onload never happens , not load html.

what should do?

in browsers supporting file api, can utilize filereader constructor read files 1 time have been selected user.

example document.getelementbyid('picfield').onchange = function (evt) { var tgt = evt.target || window.event.srcelement, files = tgt.files; // filereader back upwards if (filereader && files && files.length) { var fr = new filereader(); fr.onload = function () { document.getelementbyid(outimage).src = fr.result; } fr.readasdataurl(files[0]); } // not supported else { // fallback -- perhaps submit input iframe , temporarily store // them on server until user's session ends. } } browser support ie 10 safari 6.0.2 chrome 7 firefox 3.6 opera 12.02

where file api unsupported, cannot (in security conscious browsers) total path of file file input box, nor can access data. viable solution submit form hidden iframe , have file pre-uploaded server. then, when request completes set src of image location of uploaded file.

javascript html

Comments

Post a Comment

Popular posts from this blog

Using Android Volley to post an array to PHP -

-
Using Android Volley to post an array to PHP - this how post values volley: @override protected map<string, string> getparams() { jsonobject jsonobjectmembers=new jsonobject(); (int i=0; i<arr_added_userids.size(); i++) { seek { jsonobjectmembers.put("params_"+i,arr_added_userids.get(i)); } grab (jsonexception e) { e.printstacktrace(); } } map<string, string> params = new hashmap<string, string>(); params.put("host", session_userid); params.put("params",jsonobjectmembers.tostring()); homecoming params; } this tried: foreach($_post['params'] $key => $value) { seek { $stmt = $conn->prepare("insert crewmembers (crewid, member) values (:crewid, :member)"); $query_params = array( ':crewid' => $crewid, ':member' => $value ); ...
Read more

python - How to add an model instance to a django queryset? -

-
python - How to add an model instance to a django queryset? - it seems django queryset behaves somehow python list. but doesn't back upwards list's .append() method know. what want like: from my_django_app.models import mymodel queryset = mymodel.objects.none() queryset.append(mymodel.objects.first()) ## no list's .append() method! is there way add together model instance existing queryset? no. queryset representation of query - hence name - not arbitrary collection of instances. if need actual queryset rather list, seek accumulating ids of objects need , getting objects via __in query: list_of_ids = [] list_of_ids.append(my_id) ... queryset = mymodel.objects.filter(id__in=list_of_ids) this isn't efficient, though. python django
Read more

angularjs - No 'Access-Control-Allow-Origin' error from local domain to public API -

-
angularjs - No 'Access-Control-Allow-Origin' error from local domain to public API - i'm trying create app retrieve stock name, asking , purchase cost yahoo finance api, using restangular. i'm having problem accessing public api in local application i'm creating when request. url parameters i'm sending: http://finance.yahoo.com/d/quotes.csv?s=msft+ge&f=nab using postman, request returns array contains stock name, asking cost , purchase cost of stock. doing request in postman returns desired info without errors. when request in local, next error: xmlhttprequest cannot load http://finance.yahoo.com/d/quotes.csv?s=msft+ge&f=nab. no 'access-control-allow-origin' header nowadays on requested resource. origin 'http://localhost' hence not allowed access. the html code follows: <html ng-app="app"> <head> <title>restangular</title> <script src="https://ajax.googleapis.com/ajax/li...
Read more