2016-12-14 4 views
1

EDIT Kurz mein jsp ist wie folgt:einen Textbereich durch Eingabedatei Filling - jquery

<%@ 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> 

Andere Js nicht berühren die Beschreibung. Das Formular sendet Daten an den Controller, die das Ergebnis innerhalb eines Objekts umhüllen. Ich validieren meine Form mit jquery Validate wie so: Redirect in post mode inside a controller's method


Suche, wie ich TextArea- Wert Hochladen einer Datei, die ich dieses coole Lösung gefunden ändern könnte: Get data from file input in JQuery und den Code für meine Bedürfnisse ändern wie folgt: 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> 

und in der JS-Datei mit

$('textarea#description').text(fr.result); 

es das Ergebnis ich ersetzen funktioniert gut in jsfiddle, aber es ist nicht in meinem Projekt arbeiten. Ich sehe keinen Fehler in der Browser-Konsole, und es scheint mir, dass die anderen jquery * .js in der richtigen Reihenfolge sind.

$('textarea#description').val(fr.result); 

funktionieren auch nicht.

Ich benutze die Federform.

+0

Könnten Sie Ihren vollständigen Projektcode laden? –

Antwort

Verwandte Themen