javascript - How to display selected file name when using the Dropbox API JS Chooser -


i using dropbox chooser (https://www.dropbox.com/developers/dropins/chooser/js) part of form. once user has selected file, display file name next chooser button.

it nice include 'remove' link clear selection.

i assume done using javascript/jquery. appreciated.

edit: earlier answer used e.files[0].link.split('/').pop(), there's field already! it's called name. updated below.

the file name 1 of things returned, can this:

var url = e.files[0].link; var name = e.files[0].name;

as how display on page, suggest adding span somewhere , setting text. try code, , couple other nice things (like handle submit button's disabled state , resetting chooser button "unused" state):

<form>     <input id="chooser" type="dropbox-chooser" name="selected-file" data-link-type="direct" style="visibility: hidden;"/>     <p id="chosen" style="display:none">chosen file: <span id="filename"></span> (<a id="remove" href="#">remove</a>)</p>     <input type="submit" id="submit" disabled /> </form>  <script>     $(function () {         $('#chooser').on('dbxchoosersuccess', function (e) {             var url = e.originalevent.files[0].link;             var filename = e.originalevent.files[0].name;              $('#chosen').show();             $('#filename').text(filename);             $('#submit').prop('disabled', false);         });         $('#remove').click(function (e) {             e.preventdefault();             $('#chosen').hide();             $('.dropbox-chooser').removeclass('dropbox-chooser-used');             $('#submit').prop('disabled', true);         });     }); </script>

edit

i should point out dropbox-chooser-used class noticed. since it's not documented, may change in future version of library. rest should fine.


Comments

Post a Comment

Popular posts from this blog

matlab - Deleting rows with specific rules -

i got 20*3 cell array , need delete rows contains "137", "2" , "n:t" origin data: 't' '' '' 'np(*)' '' '' [ 137] '' '' [ 2] '' '' 'are' 'and' 'np(fcc_a1#1)' '' '' '1:t' [ 1200] [0.7052] '' [1.2051e+03] [0.7076] '' 'are' 'and' 'np(fcc_a1#3)' '' '' '2:t' [ 1200] [0.0673] '' [1.2051e+03] [0.0671] '' 'are' 'and' 'np(m23c6)' '' '' '3:t' [ 1200] [0.227...
Read more

php - MySQLi multi_query results for later use -

i using mysqli multi_query work several select statemets @ time. know how handle results, able use them later in code. example: <?php //connection stuff $query = "select name, surname database1;"; $query.= "select car, year, type database2 carid='1';"; $query.= "select product, price database3;"; if ($mysqli->multi_query($query)) { if($result = $mysqli->store_result()) { while($row = $result->fetch_row()) { --> here? } } } ?> <html> <div id='persona'> <?php foreach() { --> print name + surname } ?> </div> <div id='cars'> <?php foreach() { --> print car + year + type } ?> </div> <div id='product'> <?php foreach() { --> print product + price } ?> </div> </html> one more thing, prepared statements not possible when using multiple_query, right? there no benefit in putting unrelated queries in 1 multi ...
Read more