1
JQuery와 편집을 내 JSP는 다음과 같이이다 :- 짧은에서
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script src="../js/jquery/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery/jquery-ui.min.js"></script>
<script src="../js/jquery/jquery.validate.min.js" type="text/javascript"></script>
<script src="../js/myJs.js" type="text/javascript"></script>
<script src="../js/loadText.js" type="text/javascript"></script>
<link href="../css/jquery/jquery-ui.css" rel="stylesheet" type="text/css">
<link href="../css/jquery/jquery-ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="../css/jquery/jquery-ui.min.css" rel="stylesheet" type="text/css">
<link href="../css/jquery/jquery-ui.structure.css" rel="stylesheet" type="text/css">
<link href="../css/jquery/jquery-ui.structure.min.css" rel="stylesheet" type="text/css">
<link href="../css/jquery/jquery-ui.theme.css" rel="stylesheet" type="text/css">
<link href="../css/form/form.css" rel="stylesheet" type="text/css">
<title>Add</title>
</head>
<body>
<form:form modelAttribute="add" method="POST" name="add" action="${pageContext.request.contextPath}/add/myForm" id="myForm">
<fieldset>
<legend>Insert new:</legend>
<div id="id" class="element">
<label>ID:</label><br/>
<form:input path="id"/>
</div>
<div id="title" class="element">
<label>*Title:</label><br/>
<form:input path="title" required="required"/>
</div>
<div id="shortDescr" class="element">
<label>*Short Description:</label><br/>
<form:textarea path="shortDescr" rows="4" cols="50" required="required"/>
</div>
<div id="description" class="element">
<label>Description:</label>
<input type="file" value="Upload" id="file" accept=".txt"/><input type='button' id='load-file' value='Load'><br/>
<form:textarea path="description" rows="4" cols="50" placeholder="description"/>
</div>
<br/>
<br/>
<br/>
<br/>
<input type="submit" name="submit" value="Immetti">
</fieldset>
</form:form>
</body>
</html>
기타의 .js는 설명을 만지지 마십시오. 양식은 데이터를 컨트롤러로 보내고 결과는 객체 내부에 래핑됩니다. 그래서 같은 JQuery와 유효성을 내 양식을 확인 : Get data from file input in JQuery 등처럼 내 요구에 맞게 코드를 변경 : https://jsfiddle.net/2madvyqb/7/
<input type="file" id="file" accept=".txt"/>
<input type='button' id='load-file' value='Load'>
<div id="file-content"></div>
<textarea id="description" name="description" rows="4" cols="50">
description</textarea>
은 내가이 멋진 해결책을 발견 파일을 업로드 텍스트 영역의 값을 변경할 수있는 방법을 검색
와의 js 파일에 나는
$('textarea#description').text(fr.result);
그것은 jsfiddle에서 잘 작동과 결과를 대체하지만, 그렇지 않은 내 프로젝트에서 일하고있어. 브라우저 콘솔에 오류가 표시되지 않으며 다른 jquery * .js가 올바른 순서로 표시됩니다.
$('textarea#description').val(fr.result);
도 작동하지 않습니다.
스프링 폼을 사용하고 있습니다.
전에 스크립트를 넣어? –