把圖片拉進網頁的時候會有一個大 div 框直接可以丟圖片進去？

html jquery js

火爆浪子 2018-08-02 10:32:50 ‧ 2572 瀏覽

分享至

我要怎麼讓網頁知道我在拖曳圖片到網頁中？
讓我可以把我的上傳框框變大，直接丟就可以？
我現在可以直接拖曳圖片到上傳框框
只是找不到怎麼樣可以知道我已經拖移圖片進來網頁
就像 imgur.com 一樣，不用一定要拖到那個框框

Homura iT邦高手 1 級 ‧ 2018-08-02 11:13:34 檢舉

這種套件蠻多的
關鍵字: Drag and Drop File Uploading

火爆浪子 iT邦研究生 1 級 ‧ 2018-08-02 12:22:10 檢舉

我已經可以拖曳了，我只是要抓到假設圖片拖到網頁，我能夠放大拖曳區域

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

跟著鄉民看熱鬧

iT邦高手 1 級 ‧ 2018-08-02 10:36:18

最佳解答

這個？
https://jqueryui.com/droppable/

回應 4
分享
檢舉

看更多先前的回應...收起先前的回應...

火爆浪子 iT邦研究生 1 級 ‧ 2018-08-02 12:23:01 檢舉

我主要是想知道如何抓到當拖曳圖片進來的時候？因為我要將拖曳區塊放大，這樣我就不用一定只能拖曳到那個區塊，整個網頁都可以拖曳

跟著鄉民看熱鬧 iT邦高手 1 級 ‧ 2018-08-02 13:08:01 檢舉

  <script>
  $( function() {
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  } );
  </script>

火爆浪子 iT邦研究生 1 級 ‧ 2018-08-02 14:11:53 檢舉

我發現我網站上沒有 draggable 竟然可以直接拖曳？

跟著鄉民看熱鬧 iT邦高手 1 級 ‧ 2018-08-02 14:28:00 檢舉

html 5 原本也有拖曳的效果

<div title="拖拽我" draggable="true">列表1</div>

登入發表回應

柯柯

iT邦新手 2 級 ‧ 2018-08-02 10:51:17

拖拉上傳文章套件介紹

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22207 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙