Take notes!!!
<!DOCTYPE HTML><HTML><Head><title>HTML5 Upload picture Preview</title><Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"><Scriptsrc= "Http://www.codefans.net/ajaxjs/jquery-1.6.2.min.js"></Script></Head><Body><H3>Please select picture file: Jpg/gif</H3><formname= "Form0"ID= "Form0" ><inputtype= "File"name= "FILE0"ID= "FILE0"multiple= "multiple" /><BR><imgsrc=""ID= "Img0" ></form><Script> $("#file0"). Change (function(){ varObjurl=Getobjecturl ( This. files[0]) ; Console.log ("Objurl ="+Objurl); if(Objurl) {$ ("#img0"). attr ("src", Objurl); }}) ;//Create a URL that can be accessed to the filefunctionGetobjecturl (file) {varURL= NULL ; if(Window.createobjecturl!=undefined) { //BasicURL=window.createobjecturl (file); } Else if(window. URL!=undefined) { //Mozilla (Firefox)URL=window. Url.createobjecturl (file); } Else if(Window.webkiturl!=undefined) { //WebKit or ChromeURL=Window.webkitURL.createObjectURL (file); } returnURL;}</Script></Body></HTML>
HTML5 Upload picture Preview