diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..3ea7c3a
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,16 @@
+# 使用官方Nginx镜像作为基础镜像
+FROM nginx:alpine
+
+# 设置工作目录
+WORKDIR /usr/share/nginx/html
+
+# 复制应用文件到容器中
+COPY index.html .
+COPY styles.css .
+COPY app.js .
+
+# 暴露80端口
+EXPOSE 80
+
+# 启动Nginx
+CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..8867dbb
--- /dev/null
+++ b/app.js
@@ -0,0 +1,38 @@
+document.addEventListener('DOMContentLoaded', function() {
+ const imageInput = document.getElementById('imageInput');
+ const previewImage = document.getElementById('previewImage');
+ const recognizeBtn = document.getElementById('recognizeBtn');
+ const resultText = document.getElementById('resultText');
+
+ // 图片选择事件
+ imageInput.addEventListener('change', function() {
+ const file = this.files[0];
+ if (file) {
+ const reader = new FileReader();
+ reader.onload = function(e) {
+ previewImage.src = e.target.result;
+ }
+ reader.readAsDataURL(file);
+ }
+ });
+
+ // 识别按钮点击事件
+ recognizeBtn.addEventListener('click', function() {
+ if (!imageInput.files[0]) {
+ alert('请先选择一张图片');
+ return;
+ }
+
+ // 这里可以添加实际的识别逻辑
+ // 目前使用模拟识别结果
+ const fakeResults = [
+ '这是一只猫',
+ '这是一只狗',
+ '这是一朵花',
+ '这是一辆车'
+ ];
+ const randomResult = fakeResults[Math.floor(Math.random() * fakeResults.length)];
+
+ resultText.textContent = randomResult;
+ });
+});
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..5d030f5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+ 图片识别应用
+
+
+
+
+
图片识别应用
+
+
+
+
+
+
+
+
+
+
+