javascript - How do I get the filename of an input file and display it again on button click without uploading it? -

-

i having hard time thinking on need achieve goals.

goals:
1. copy filename of file want upload , display when click on button not upload it.
2. able upload when submit button clicked.

steps:

step 1: choose file upload. click on choose file. enter image description here

step 2: should show name of file i've chosen on step 1. then, click on "next". enter image description here

step 3: clicking "next" display what's in step 2 it's grayed-out , instead of next button, there "submit" button. it's confirmation if sure upload file. when click on "submit", that's time file gets uploaded.
enter image description here

so need able step 3. don't know how though. :'( .
i using php , js on this.

i not sure if question correct. feel free provide corrections well.

any very appreciated. much!!!

here quick snippet to, hopefully, going:

<body>      <input type="file" name="upload" id="upload">     <div id="filename"></div>      <script type="text/javascript">      $('#upload').on('change',function(){        // output raw value of file input        $('#filename').html($(this).val());           // or, manipulate further regex etc.         var filename = $(this).val();         // .. magic          $('#filename').html(filename);     });      </script>  </body>

this output like: c:\fakepath\screenshot_2015-56-03_12-56.jpg in opera, absolute path file in ie 11 c:\users\foo\desktop\file.jpg

you can further manipulate value of file input field isolate filename using regex etc.


Comments

Post a Comment

Popular posts from this blog

python - Healpy: From Data to Healpix map -

-
Image
i have data grid rows represent theta (0, pi) , columns represent phi (0, 2*pi) , f(theta,phi) density of dark matter @ location. wanted calculate power spectrum , have decided use healpy. what can not understand how format data healpy use. if provide code (in python obvious reasons) or point me tutorial, great! have tried hand @ doing following code: #grid dimensions nrows*ncols (subject change) theta = np.linspace(0, np.pi, num=grid.shape[0])[:, none] phi = np.linspace(0, 2*np.pi, num=grid.shape[1]) nside = 512 print "pixel area: %.2f square degrees" % hp.nside2pixarea(nside, degrees=true) pix = hp.ang2pix(nside, theta, phi) healpix_map = np.zeros(hp.nside2npix(nside), dtype=np.double) healpix_map[pix] = grid but, when try execute code power spectrum. specifically, : cl = hp.anafast(healpix_map[pix], lmax=1024) i error: typeerror: bad number of pixels if point me tutorial or edit code great. more specifications: data in 2d np array , can change numrows/...
Read more

c - Bitwise operation with (signed) enum value -

-
i using enumerator values flags: typedef enum { = 0x00, b = 0x01u, // u has no influence, expected c = 0x02u, // u has no influence, expected ... } enum_name; volatile unsigned char* reg = someaddress; *reg |= b; according misra-c:2004 bitwise operations shall not done signed type. unfortunately, compiler iar use signed int (or short or char) underlying type of enums, , option can find relates size, not signedness ("--enum-is-int"). according iar c/c++ development guide arm , pages 169 , 211, can define type of enum s if enable iar language extensions ( -e command-line option, or project > options > c/c++ compiler > language > allow iar extensions in ide). in particular, should define "sentinel" value, make sure compiler chooses correct type. prefers signed types, , uses smallest possible integer type, sentinel should largest positive integer corresponding unsigned integer type can describe. example, typedef enum ...
Read more

xslt - Unnest parent nodes by child node -

-
in xml there items 0-n attributes , item should copied each attribute new item 1 attribute. given xml this: <?xml version="1.0" encoding="utf-8" ?> <items> <item> <name>a</name> <attributes> <attribute> <key>attribute1</key> <value>1</value> </attribute> </attributes> </item> <item> <name>b</name> </item> <item> <name>c</name> <attributes> <attribute> <key>attribute1</key> <value>5</value> </attribute> <attribute> <key>attribute2</key> <value>2</value> </attribute> <attribute> <key>attri...
Read more