iT邦幫忙

1

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

  • 分享至 

  • xImage

我要怎麼讓網頁知道我在拖曳圖片到網頁中?
讓我可以把我的上傳框框變大,直接丟就可以?
我現在可以直接拖曳圖片到上傳框框
只是找不到怎麼樣可以知道我已經拖移圖片進來網頁
就像 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 }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
最佳解答
看更多先前的回應...收起先前的回應...
火爆浪子 iT邦研究生 1 級 ‧ 2018-08-02 12:23: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 竟然可以直接拖曳?

html 5 原本也有拖曳的效果

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

我要發表回答

立即登入回答