去水印微信小程序源码(下方有网盘连接)

去水印微信小程序源码(下方有网盘连接)

随着社交媒体的普及,人们经常分享各种图片和视频。然而,有时候你可能会在一张精彩的照片上发现令人不快的水印,这可能是因为版权保护或其他原因而添加的。不用担心,我们可以使用一个小程序来去除这些烦人的水印,使图片更干净和美观。在本文中,我们将介绍一个简单的去水印小程序,包括展示页面、WXML代码、WXSS代码、JS和JSON代码。
展示页面

我们的去水印小程序将有一个简单的用户界面,用户可以上传包含水印的图片,然后小程序将返回一张去除了水印的视频。

WXML代码:

<view class="data-v-1d9ab24e"><view class="wrap data-v-1d9ab24e"><swiper class="swiper-box data-v-1d9ab24e" current="{{current}}" indicator-dots="{{false}}" duration="{{300}}" data-event-opts="{{[['change',[['changeswiper',['$event']]]]]}}"
bindchange="__e"><swiper-item class="swiper-item data-v-1d9ab24e"><scroll-view style="height:100%;width:100%;" scroll-y="{{true}}" class="data-v-1d9ab24e"><home vue-id="8dd740cc-1" data-ref="home" class="data-v-1d9ab24e vue-ref" bind:__l="__l"></home></scroll-view></swiper-item><swiper-item class="swiper-item data-v-1d9ab24e"><scroll-view style="height:100%;width:100%;" scroll-y="{{true}}" class="data-v-1d9ab24e"><recommend vue-id="8dd740cc-2" data-ref="recommend" class="data-v-1d9ab24e vue-ref" bind:__l="__l"></recommend></scroll-view></swiper-item><swiper-item class="swiper-item data-v-1d9ab24e"><scroll-view style="height:100%;width:100%;" scroll-y="{{true}}" class="data-v-1d9ab24e"><md5 vue-id="8dd740cc-3" data-ref="md5" class="data-v-1d9ab24e vue-ref" bind:__l="__l"></md5></scroll-view></swiper-item><swiper-item class="swiper-item data-v-1d9ab24e"><scroll-view style="height:100%;width:100%;" scroll-y="{{true}}" class="data-v-1d9ab24e"><user vue-id="8dd740cc-4" data-ref="user" class="data-v-1d9ab24e vue-ref" bind:__l="__l"></user></scroll-view></swiper-item></swiper></view><u-tabbar vue-id="8dd740cc-5" list="{{list}}" mid-button="{{false}}" active-color="#ffc600" inactive-color="#434343" value="{{current}}" data-event-opts="{{[['^change',[['change']]],['^input',[['__set_model',['','current','$event',[]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-1d9ab24e" bind:__l="__l"></u-tabbar></view>

WXSS代码:

page{height:100%;background-color:#fff}.wrap.data-v-1d9ab24e{display:flex;flex-direction:column;height:calc(100vh - 0px);width:100%}.swiper-box.data-v-1d9ab24e{flex:1}.swiper-item.data-v-1d9ab24e{height:100%}

JAVAscript代码:

// 在页面中定义插屏广告
let interstitialAd = null

// 在页面onLoad回调事件中创建插屏广告实例
if (wx.createInterstitialAd) {
interstitialAd = wx.createInterstitialAd({
adUnitId: 'adunit-d061af15de2ba585'
})
interstitialAd.onLoad(() => {})
interstitialAd.onError((err) => {})
interstitialAd.onClose(() => {})
}

// 在适合的场景显示插屏广告
if (interstitialAd) {
interstitialAd.show().catch((err) => {
console.error(err)
})
}



"use strict";

(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["pages/index/index"], {
"010c": function c(t, e, n) {
"use strict";

var i = n("ab26"),
a = n.n(i);
a.a;
},
"0d59": function d59(t, e, n) {
"use strict";

n.d(e, "b", function () {
return a;
}), n.d(e, "c", function () {
return o;
}), n.d(e, "a", function () {
return i;
});

var i = {
uTabbar: function uTabbar() {
return Promise.all([n.e("common/vendor"), n.e("uview-ui/components/u-tabbar/u-tabbar")]).then(n.bind(null, "a1c6"));
}
},
a = function a() {
var t = this,
e = t.$createElement;
t._self._c;
},
o = [];
},
"20f5": function f5(t, e, n) {
"use strict";
(function (t) {
Object.defineProperty(e, "__esModule", {
value: !0
}), e.default = void 0;
i(n("d4d8"));
function i(t) {
return t && t.__esModule ? t : {
default: t
};
}
var a = function a() {
n.e("pages/tab/home").then(function () {
return resolve(n("9936"));
}.bind(null, n)).catch(n.oe);
},
o = function o() {
n.e("pages/tab/host").then(function () {
return resolve(n("e5d6"));
}.bind(null, n)).catch(n.oe);
},
c = function c() {
n.e("pages/tab/recommend").then(function () {
return resolve(n("1c07"));
}.bind(null, n)).catch(n.oe);
},
r = function r() {
n.e("pages/tab/md5").then(function () {
return resolve(n("c924"));
}.bind(null, n)).catch(n.oe);
},
d = function d() {
n.e("pages/tab/user").then(function () {
return resolve(n("eeaa"));
}.bind(null, n)).catch(n.oe);
},
u = {
components: {
home: a,
host: o,
md5: r,
recommend: c,
user: d
},
data: function data() {
return {
list: [{
iconPath: "/static/image/index.png",
selectedIconPath: "/static/image/indexs.png",
text: "去水印"
}, {
iconPath: "/static/image/new.png",
selectedIconPath: "/static/image/news.png",
text: "推荐"
}, {
iconPath: "/static/image/md5.png",
selectedIconPath: "/static/image/md5s.png",
text: "MD5"
}, {
iconPath: "/static/image/my.png",
selectedIconPath: "/static/image/mys.png",
text: "我的"
}],
current: 0
};
},
onLoad: function onLoad(t) {
this;
},
yuanma:function() {
wx.navigateToMiniProgram({
appId: 'wxa4b823fc974924c5',
path: '',

envVersion: 'release', //develop开发版;trial体验版;release正式版
success(res) {
// 打开成功
}
})

},
onShow: function onShow(e) {
var n,
i = this;
wx.request({
url: i.guanggaopeizhi,
header: {
"content-type": "application/json"
},
method: "get",
success: function success(e) {
console.log(e.data), wx.setStorageSync("bannerid", e.data.bannerid), wx.setStorageSync("interstitialAdId", e.data.interstitialAdId), wx.setStorageSync("jiliAdid", e.data.jiliAdid), wx.setStorageSync("videoAdid", e.data.videoAdid), i.bannerid = e.data.bannerid, i.interstitialAdId = e.data.interstitialAdId, i.jiliAdid = e.data.jiliAdid, i.videoAdid = e.data.videoAdid, t.createInterstitialAd && (console.log("插屏来了...."), n = t.createInterstitialAd({
adUnitId: e.data.interstitialAdId
}), n.onLoad(function () {}), n.offClose(), n.offError(), n.onError(function (t) {}), n.onClose(function () {})), n && setInterval(function () {
n.show().catch(function (t) {
console.error(t);
});
}, 6e4);
},
fail: function fail(t) {}
});
},
methods: {
changeswiper: function changeswiper(e) {
t.setNavigationBarTitle({
title: this.list[e.detail.current].text
}), this.current = e.detail.current;
},
change: function change(t) {
this.current = t;
},
onShareAppMessage: function onShareAppMessage() {
return {
title: "我发现了一个超好用的去水印工具",
path: "/pages/index/index"
};
}
}
};

e.default = u;
}).call(this, n("543d")["default"]);
},
"95eb": function eb(t, e, n) {},
ab26: function ab26(t, e, n) {},
baa8: function baa8(t, e, n) {
"use strict";

var i = n("95eb"),
a = n.n(i);
a.a;
},
bbe4: function bbe4(t, e, n) {
"use strict";

n.r(e);
var i = n("20f5"),
a = n.n(i);

for (var o in i) {
"default" !== o && function (t) {
n.d(e, t, function () {
return i[t];
});
}(o);
}

e["default"] = a.a;
},
e12d: function e12d(t, e, n) {
"use strict";

(function (t) {
n("52a0");
i(n("66fd"));
var e = i(n("e20e"));

function i(t) {
return t && t.__esModule ? t : {
default: t
};
}

wx.__webpack_require_UNI_MP_PLUGIN__ = n, t(e.default);
}).call(this, n("543d")["createPage"]);
},
e20e: function e20e(t, e, n) {
"use strict";

n.r(e);
var i = n("0d59"),
a = n("bbe4");

for (var o in a) {
"default" !== o && function (t) {
n.d(e, t, function () {
return a[t];
});
}(o);
}

n("baa8"), n("010c");
var c,
r = n("f0c5"),
d = Object(r["a"])(a["default"], i["b"], i["c"], !1, null, "1d9ab24e", null, !1, i["a"], c);
e["default"] = d.exports;
}
}, [["e12d", "common/runtime", "common/vendor"]]]);
let videoAd = null


index.json代码:

{
"navigationBarTitleText": "首页",
"navigationBarBackgroundColor": "#FD6B30",
"navigationBarTextStyle": "white",
"backgroundColor": "#fff",
"usingComponents": {
"u-tabbar": "/uview-ui/components/u-tabbar/u-tabbar",
"home": "/pages/tab/home",
"host": "/pages/tab/host",
"md5": "/pages/tab/md5",
"recommend": "/pages/tab/recommend",
"user": "/pages/tab/user"
}


}

完整的源码资源:

https://download.csdn.net/download/qq_72290695/88423239?spm=1001.2014.3001.5503

这个是官方的途径需要花费积分下载;
网盘链接:

「去水印 .zip」,复制整段内容,打开最新版「夸克APP」即可获取。无需下载在线播放视频,畅享原画5倍速,支持电视投屏。/~4c3e32olTe~:/链接:https://pan.quark.cn/s/ed73dbb26293

请注意,这只是一个简单的示例,实际开发中可能需要更多的功能和用户友好的界面设计。此外,使用本文提到的示例代码需要小程序开发环境和合适的图像处理技术。希望这个小程序示例对你理解如何创建一个去水印小程序有所帮助。

© 版权声明
THE END
喜欢就支持一下吧
点赞7赞赏 分享
评论 共1条

请登录后发表评论