Skip to content

石磊 / cihai

Go to a project
Commit 9f9c81bf by 侯昆
Options

图片识别整合

1 parent a7a252c4
Inline Side-by-side
Showing 3 changed files with 119 additions and 25 deletions
serverside/cihai-pc/pom.xml
......@@ -43,21 +43,6 @@
<!--表现层-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
<exclusions>
<exclusion>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-tomcat</artifactId>
</exclusion>
</exclusions>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
<scope>${jetty.scope}</scope>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-jetty</artifactId>
<scope>${jetty.scope}</scope>
</dependency>
......@@ -66,6 +51,11 @@
<artifactId>apache-jsp</artifactId>
<scope>${jetty.scope}</scope>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>jstl</artifactId>
<scope>${jetty.scope}</scope>
</dependency>
<!--表现层-->
<!--工具-->
......
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/home/index.jsp
<%@ page import="org.apache.commons.lang3.StringUtils" %>
<%@ page import="org.apache.commons.lang3.time.DateFormatUtils" %>
<%@ page import="java.util.Date" %>
<%@ page import="org.apache.commons.lang3.StringUtils" %>
<%@ page import="java.util.stream.Collectors" %>
<jsp:useBean id="oneDayCharacter" scope="request" type="com.dookay.cihai.core.word.dto.OneCharacterDTO"/>
<jsp:useBean id="recommendStatement" scope="request" type="com.dookay.cihai.core.word.dto.RecommendStatementDTO"/>
......@@ -58,8 +58,11 @@
<div class="search-main-input-inner clearfix">
<div class="form-group input-group-lg">
<input class="form-control j_search_content" name="keyword" type="text">
<%--<button class="btn navbar-search-camera j_image_serch" type="button">--%>
<%--<div class="icon icon-camera"></div>--%>
<button class="btn navbar-search-camera" type="button">
<div class="icon icon-camera">
<input name="image" type="file" class="j_search_image" style="opacity: 0" accept=".png, .jpg, .jpeg">
</div>
<%--</button>--%>
<%--<button class="btn navbar-search-microphone" type="button">--%>
<%--<div class="icon icon-microphone"></div>--%>
......@@ -163,15 +166,65 @@
<jsp:include page="/WEB-INF/jsp/include/footer.jsp"/>
<script>
$(function () {
$('.j_search_form').ajaxSubmitForm({
before: function () {
var index = layer.load(2, 10000);
},
success: function ($form, data) {
if(data.code ==="OK"){
if (data.code === "OK") {
location.href = '/word/' + data.data.wordId;
}
else{
else {
$.tip(data.message);
}
layer.close(index);
},
});
$('.j_search_image').change(function () {
var $this = $(this);
var $form = $this.closest('form');
if ($this.val() == null) {
return;
}
var index = layer.load(2, 10000);
$.ajax({
url: '/image/search',
type: 'POST',
data: new FormData($form[0]),
cache: false,
contentType: false,
processData: false,
xhr: function () {
var myXhr = $.ajaxSettings.xhr();
if (myXhr.upload) {
// For handling the progress of the upload
myXhr.upload.addEventListener('progress', function (e) {
if (e.lengthComputable) {
$('progress').attr({
value: e.loaded,
max: e.total,
});
}
}, false);
}
return myXhr;
},
success: function (data) {
if (data.code === "OK") {
location.href = '/word/' + data.data.wordId;
}
else {
$.tip(data.message);
}
layer.close(index);
},
error: function () {
layer.close(index);
},
});
});
})
</script>
serverside/cihai-pc/src/main/webapp/WEB-INF/jsp/include/header_search.jsp
......@@ -21,15 +21,64 @@
<script>
$(function () {
backEndApp.init();
$('.j_search_form').ajaxSubmitForm({
before: function () {
var index = layer.load(2,10000);
},
success: function ($form, data) {
if(data.code ==="OK"){
if (data.code === "OK") {
location.href = '/word/' + data.data.wordId;
}
else {
$.tip(data.message);
}
layer.close(index);
},
});
$('.j_search_image').change(function () {
var $this = $(this);
var $form = $this.closest('form');
if ($this.val() == null) {
return;
}
var index = layer.load(2, 10000);
$.ajax({
url: '/image/search',
type: 'POST',
data: new FormData($form[0]),
cache: false,
contentType: false,
processData: false,
xhr: function () {
var myXhr = $.ajaxSettings.xhr();
if (myXhr.upload) {
// For handling the progress of the upload
myXhr.upload.addEventListener('progress', function (e) {
if (e.lengthComputable) {
$('progress').attr({
value: e.loaded,
max: e.total,
});
}
}, false);
}
return myXhr;
},
success: function (data) {
if (data.code === "OK") {
location.href = '/word/' + data.data.wordId;
}
else{
else {
$.tip(data.message);
}
layer.close(index);
},
error: function () {
layer.close(index);
},
});
});
})
</script>
......@@ -46,9 +95,11 @@
<form class="navbar-form clearfix j_search_form" method="GET" action="/home/search">
<div class="form-group input-group-lg">
<input class="form-control" type="text" placeholder="之云" name="keyword">
<%--<button class="btn navbar-search-camera" type="button">--%>
<%--<div class="icon icon-camera"></div>--%>
<%--</button>--%>
<button class="btn navbar-search-camera" type="button">
<div class="icon icon-camera">
<input name="image" type="file" class="j_search_image" style="opacity: 0" accept=".png, .jpg, .jpeg">
</div>
</button>
<%--<button class="btn navbar-search-microphone" type="button">--%>
<%--<div class="icon icon-microphone"></div>--%>
<%--</button>--%>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!