欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實現(xiàn)多張圖片上傳并合成一張圖特效代碼

jquery多張圖片上傳合成

  • 腳本大?。?span>50KB
  • 腳本語言：簡體中文
  • 腳本類型：國產軟件
  • 腳本授權：免費軟件
  • 腳本類別：jQuery
  • 應用平臺：jquery
  • 更新時間：2021-05-21
  • 網友評分：
360通過 騰訊通過 金山通過

詳情介紹

jQuery實現(xiàn)多張圖片上傳并合成一張圖特效代碼即多張圖片 上傳合成。jQuery上傳圖片合成預覽。通過上傳主圖1，主圖2，主圖3，合成一張圖片效果代碼。支持拖動排序合成圖片效果。

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/jquery.Jcrop.min.css">
<link rel="stylesheet" href="css/extend.css">

2. 引入JS

<script src="js/jquery.js"></script>
<script src="js/jquery.Jcrop.min.js"></script>
<script src="js/index.js"></script>

3. HTML代碼

<div class="addImgModel">
    <!--<button type="button" class="btn btn-primary selImgBtn">選擇圖片</button>-->
    <!--<button type="button" class="btn btn-success sureImgBtn">確定</button>-->
    <!--<button type="button" class="btn btn-warning closeImgBtn">取消</button>-->
    <div class="head">
        <span class="upImg">上傳背景圖</span>
        <input type="file" id="pieceFileImg" style="display: none;"/>
        <img id="backgroundImg"/>
        <div class="pieceImgModel" id="imgsortable">
            <div class="pieceImgBox1">
                <img id="pieceTargetImg1" style="display: none"/>
                <div class="se"></div>
                <span class="upImg1">上傳圖片</span>
                <input type="file" id="pieceFileImg1" style="display: none;"/>
            </div>
            <div class="pieceImgBox2">
                <img id="pieceTargetImg2" style="display: none" />
                <div class="se"></div>
                <span class="upImg2">上傳圖片</span>
                <input type="file" id="pieceFileImg2" style="display: none;"/>
            </div>
            <div class="pieceImgBox3">
                <img id="pieceTargetImg3" style="display: none" />
                <div class="se"></div>
                <span class="upImg3">上傳圖片</span>
                <input type="file" id="pieceFileImg3" style="display: none;"/>
            </div>
        </div>
    </div>
    <img id="jg" src="">
    <div class="button_box">
        <button type="button" class="imgBtn" >合成圖片</button>
    </div>
</div>

文件目錄結構

建議適用瀏覽器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下瀏覽器。

下載地址

下載錯誤？【投訴報錯】

jQuery實現(xiàn)多張圖片上傳并合成一張圖特效代碼

      人氣腳本

      相關文章

      下載聲明

      ☉ 解壓密碼：www.dbjr.com.cn 就是本站主域名，希望大家看清楚，[ 分享碼的獲取方法 ]可以參考這篇文章
      ☉ 推薦使用 [ 迅雷 ] 下載，使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
      ☉ 如果這個軟件總是不能下載的請在評論中留言,我們會盡快修復，謝謝!
      ☉ 下載本站資源，如果服務器暫不能下載請過一段時間重試!或者多試試幾個下載地址
      ☉ 如果遇到什么問題，請評論留言，我們定會解決問題，謝謝大家支持!
      ☉ 本站提供的一些商業(yè)軟件是供學習研究之用，如用于商業(yè)用途，請購買正版。
      ☉ 本站提供的jQuery實現(xiàn)多張圖片上傳并合成一張圖特效代碼資源來源互聯(lián)網，版權歸該下載資源的合法擁有者所有。