Skip to content

Commit 08f2613

Browse files
author
xuming06
committed
add mysql and flask rest api.
1 parent e36f1e6 commit 08f2613

19 files changed

Lines changed: 12434 additions & 0 deletions

‎24web/blurry_dog.png‎

354 KB
Loading

‎24web/index.css‎

Lines changed: 6975 additions & 0 deletions
Large diffs are not rendered by default.

‎24web/public.css‎

Lines changed: 938 additions & 0 deletions
Large diffs are not rendered by default.

‎24web/strip_index.html‎

Lines changed: 799 additions & 0 deletions
Large diffs are not rendered by default.

‎24web/upload_demo.html‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<title>js 图片转base64方式</title>
8+
</head>
9+
<body>
10+
<p id="container2"></p>
11+
<script src="https://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
12+
<script>
13+
var imgSrc = "https://z649319834.github.io/Learn_Example/video_track/webvtt.jpg";
14+
15+
//width、height调用时传入具体像素值，控制大小 ,不传则默认图像大小
16+
function getBase64Image(img, width, height) {
17+
var canvas = document.createElement("canvas");
18+
canvas.width = width ? width : img.width;
19+
canvas.height = height ? height : img.height;
20+
var ctx = canvas.getContext("2d");
21+
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
22+
var dataURL = canvas.toDataURL();
23+
return dataURL;
24+
}
25+
function getCanvasBase64(img) {
26+
var image = new Image();
27+
//至关重要
28+
image.crossOrigin = '';
29+
image.src = img;
30+
//至关重要
31+
var deferred = $.Deferred();
32+
if (img) {
33+
image.onload = function () {
34+
deferred.resolve(getBase64Image(image));//将base64传给done上传处理
35+
document.getElementById("container2").appendChild(image);
36+
}
37+
return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']
38+
}
39+
}
40+
getCanvasBase64(imgSrc)
41+
.then(function (base64) {
42+
console.log("方式二》》》》》》》》》", base64);
43+
}, function (err) {
44+
console.log(err);
45+
});
46+
</script>
47+
</body>
48+
</html>

‎24web/vue/01hello.html‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
6+
<script src="./vue.min.js"></script>
7+
<style>
8+
.class1 {
9+
background: #444;
10+
color: #eee;
11+
}
12+
13+
.hide1 {
14+
type: hidden;
15+
}
16+
</style>
17+
</head>
18+
<body>
19+
<div id="app">
20+
<p>{{ message }}</p>
21+
<p>{{ kk }}</p>
22+
<div v-html="mes"></div>
23+
<br>
24+
<label>变色</label><input type="checkbox" v-model="class1">
25+
<div v-bind:class="{'class1':class1}">
26+
v-bind commond
27+
</div>
28+
<p v-if="seen">看得到我么</p>
29+
<label>hide</label><input type="checkbox" v-model="seen">
30+
<!--<p v-if:class="{'hide1':seen}">看得到我么</p>-->
31+
</div>
32+
33+
<script>
34+
new Vue({
35+
el: '#app',
36+
data: {
37+
message: 'Hello Vue.js!',
38+
kk: 'ki kk',
39+
mes: 'hello',
40+
v: 123,
41+
num: 1,
42+
class1: false,
43+
seen: true,
44+
45+
46+
}
47+
})
48+
</script>
49+
</body>
50+
</html>

0 commit comments

Comments
 (0)