{"id":4376,"date":"2014-01-31T22:07:03","date_gmt":"2014-02-01T06:07:03","guid":{"rendered":"http:\/\/g-liu.com\/blog\/?p=4376"},"modified":"2014-01-31T22:13:15","modified_gmt":"2014-02-01T06:13:15","slug":"no-drag-and-drop-file-upload-no-problem","status":"publish","type":"post","link":"https:\/\/g-liu.com\/blog\/2014\/01\/no-drag-and-drop-file-upload-no-problem\/","title":{"rendered":"No drag-and-drop file upload? No problem!"},"content":{"rendered":"

With the rapid development new web technologies, drag-and-drop file uploading<\/a> seems to be the new norm. No more clicking “Upload” and having to navigate through a maze of folders. Just drag the file from an open window on your computer and voila, ready for upload.<\/p>\n

Unfortunately, some older sites don’t have this feature. Most modern browsers, however, do have this. That means you can make drag-and-drop file upload work on virtually any<\/em> site.
\n
\nWhen you see a “Choose Files”, “Upload”, “Select files”, or similar button on a website…<\/p>\n

\"upload-button-example\"<\/a><\/p>\n

simply take a file on your computer, and drag it right over the button.<\/p>\n

\"copy-drag-and-drop\"<\/a><\/p>\n

Release your mouse button, and there you go. Files = ready for upload.<\/p>\n

For sites that support multiple file upload,\u00a0this approach works equally well\u00a0by selecting multiple files (Shift, Control\u00a0+ Click).<\/p>\n

I have tested this in\u00a0Firefox, Chrome, and Opera, all of which support native drag-and-drop. Sadly, this feature\u00a0does not work in IE.<\/p>\n","protected":false},"excerpt":{"rendered":"

With the rapid development new web technologies, drag-and-drop file uploading seems to be the new norm. No more clicking “Upload” and having to navigate through a maze of folders. Just drag the file from an open window on your computer and voila, ready for upload. Unfortunately, some older sites don’t have this feature. Most modern browsers, however, do have this. …<\/p>\n","protected":false},"author":2,"featured_media":4378,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[115],"tags":[],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/g-liu.com\/blog\/wp-content\/uploads\/2014\/01\/copy-drag-and-drop.png","jetpack_shortlink":"https:\/\/wp.me\/p2Zt3y-18A","_links":{"self":[{"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/posts\/4376"}],"collection":[{"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/comments?post=4376"}],"version-history":[{"count":3,"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/posts\/4376\/revisions"}],"predecessor-version":[{"id":4381,"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/posts\/4376\/revisions\/4381"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/media\/4378"}],"wp:attachment":[{"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/media?parent=4376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/categories?post=4376"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/g-liu.com\/blog\/wp-json\/wp\/v2\/tags?post=4376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}