iT邦幫忙

1

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

html jquery js
火爆浪子 2018-08-02 10:32:50 ‧ 2669 瀏覽

  • 分享至 

  • 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 10:36:18
最佳解答

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

看更多先前的回應...收起先前的回應...
火爆浪子 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>
登入發表回應
0
柯柯
iT邦新手 1 級 ‧ 2018-08-02 10:51:17

拖拉上傳文章套件介紹

登入發表回應

我要發表回答

立即登入回答
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19753 篇
完賽人數
529 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙