We Keep Coding

How to name a downloaded data: file?

I'm creating a fantastic HTML editor. I haven't thought about the title, so it's gonna be "HTML Editor." The input (in the code below) is to name the file. how could I name a file using the HTML's JavaScript components? Is there anything wrong with the code, or what?
<input id="title" required placeholder="File Name" title="Please fill this space up, and don't include symbols.">
<a download href="data:text/html;utf-8,(contents)"> <button>Download File</button> </a>
The downloading part is great and all, and I'm glad to say it's working, but... the name "download" is pretty irritating. Can you help me out here?

You need to set the download attribute to your filename.
<a download="filename.jpg" ... />

JSP Download Csv File

I'm working on the problem for almost one day,and I can't figure out a solution.
I want to add a download service into my jsp page,and the code like this:
response.setHeader("Content-Disposition","attachment;filename=authData"+new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date())+".csv");
PrintWriter out = response.getWriter();
and I use a trigger button to link to background.and the codes like this:
<input type="submit" class="btn_sure fw" value="query" onclick="queryAuthDataList();"/>
<input type="reset" class="btn_cancel fw" value="reset">
<input type="submit" class="btn_sure fw" value="download CSV" onclick="exportAuthDataList();" >
and the following onclick funtion like this:
function exportAuthDataList(){
$("#queryAuthDataForm").attr("action","export").submit();
}
function queryAuthDataList(){
$("#queryAuthDataForm").attr("action","query").submit();
}
for some reasons , I must use GET to collect the tag names and values in jsp file.
Here comes the problem,when I select data from DB2,and there're many results,I must paging them,But when I click next page,it's starting download csv file automaticly.I define different redirect keywords in Jquery,but I can't simplely add jquery function in the "next page" link.Because I may get some other links.
How can I stop the file downloading when I click a different link ?

Spring MVC multiple file upload with HTML5 multiple file form feature

I am trying to upload multiple files using spring 3.1.2 with #Controller and #RequestMapping.
Here's what I did and my configuration.
Html5 form :
<form action="addFileSystemImage.foo" method="post" enctype="multipart/form-data">
<input class='fileInput' type="file" name="files[]" multiple="multiple" />
<input type="text" value="13asdf12eadsf" name="locId"/>
<input type="submit" />
</form>
Controller method :
#RequestMapping(value="/publisher/addFileSystemImage.foo", method=RequestMethod.POST)
public #ResponseBody List<UploadedFile> addFileSystemImage(#RequestParam("files[]") ArrayList<MultipartFile> files, String locId, HttpServletRequest request) {
//do lotsa voodoo rocket science here to process the files
}
my conf :
<mvc:annotation-driven />
<context:component-scan base-package="foo.package"></context:component-scan>
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"></bean>
Submitting the form does get to the addFileSystemImage method. The data for locId argument is here, but the "files" argument is not bound. It is systematically null no matter what combination of argument / field names / argument types I have tried.
The HttpServletRequest argument is a org.springframework.web.multipart.support.DefaultMultipartHttpServletRequest and it holds a multiPartFile attribute which actually holds the file data. Looking at its value in debug gives me
{files[]=[org.springframework.web.multipart.commons.CommonsMultipartFile#16afd7f9, org.springframework.web.multipart.commons.CommonsMultipartFile#728c2811, org.springframework.web.multipart.commons.CommonsMultipartFile#4f9aaed7]}
which means my files[] is indeed here ... but somehow it did not pass the data binding step properly ...
Now ... I know you're gonna tell me I can retrieve the data from the request ... but I'd rather have this working properly ... the Sring way... :) and have my ArrayList of MultipartFile properly populated.
Am I missing something ? Has anyone actually made this work properly ? What can I do to have this ArrayList (or even an regular Array ) populated?
I came accross this solution
Spring MVC with ajax file upload and MultipartFile which does pretty much the same thing as I am but obviously I must be doing something wrong since this solution is not working for me.
Note : I did manage to get it working with single file uploads. But my challenge today is to get multiple files at once.
Any help appreciated.
Thanks in advance.

Although you've already gotten your answer thanks to Alex, I'd just like to elaborate a bit. With Spring binding, form fields are bound to their "name" attributes in the HTML. Since it is impossible to have a form field named files[] (if one declares a variable name with that syntax, its name is files, but it is an array of the declaring type), Spring couldn't match it up - and the behavior in that case is to disregard the data in the request.
Using a type such as MultipartFile, you can use either a List named "files" or an array as the following examples:
private List<MultipartFile> files;
private MultipartFile[] files;
With appropriate getters and setters, you can then access and mutate the file list accordingly.

Have included commons-fileupload dependency?
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3</version>
</dependency>
I tested the fileupload works fine even with ArrayList as the parameter type on the controller handler

How to POST a form using Jersey 2.0

I am trying to get some data from a Form with jersey and i though it would be an easy task to accomplish, however I am getting an error when I try to POST something.
Caused by: java.lang.IllegalStateException: The #FormParam is utilized when the content type of the request entity is not application/x-www-form-urlencoded
at org.glassfish.jersey.server.internal.inject.FormParamValueFactoryProvider$FormParamValueFactory.ensureValidRequest(FormParamValueFactoryProvider.java:126)
at org.glassfish.jersey.server.internal.inject.FormParamValueFactoryProvider$FormParamValueFactory.getForm(FormParamValueFactoryProvider.java:111)
at org.glassfish.jersey.server.internal.inject.FormParamValueFactoryProvider$FormParamValueFactory.get(FormParamValueFactoryProvider.java:94)
at org.glassfish.jersey.server.internal.inject.AbstractHttpContextValueFactory.provide(AbstractHttpContextValueFactory.java:65)
at org.glassfish.jersey.server.spi.internal.ParameterValueHelper.getParameterValues(ParameterValueHelper.java:80)
... 36 more
I think this is the relevant part of the stack trace.
Now for the code I am using:
#POST
#Path("/delete")
#Produces("application/json")
public String delete(#FormParam("id")String id){
And I am trying to POST using a test html page like this:
<form action="<path to the server>/delete" method="post">
primary_id: <input type="text" name="primary_id" /><br />
<input type="submit" value="Submit" />
</form>
I've been trying to make it work but no chance. I have tried adding the #Consumes() annotation with multipart-form-data but can't really make it work. I hope someone can give me a hand.

Thank you all for the help. With some code reviewing i found the problem. Even though I don't think anyone else will make this particular mistake I'll post it anyway for future reference.
The problem was that I am not using a standard web server. I've implemented a netty server with Jersey and the problem was in that said implementation. The problem was that i wasn't passing the headers in the HTTP request to Jersey as I should. I was loosing the Content-Type in the middle of the operation, this means that Jersey couldn't identify the message type.
So, for future reference, for anyone having a similar problem while trying to implement a non-standard server using jersey: when you don't pass the media type correctly (there is a method called getMediaType() in the ContentRequest class that is used, among other things, to validate the Content-Type when #FormParam is used) you will get this type of Exception.
Again, thank you all for the help :)

Your code is working fine except you need to change
<input type="text" name="id" />
Since you havent define #Consumes(), by default delete method consumes mediaType="application/x-www-form-urlencoded" .
I have tested your code and it is working perfectly fine here. My suggestion is check your jersey jar files Specially jsersey-server.jar file in your lib folder.

You are naming your input as "primary_id", but you are receiving "id" name in your #FormParm annotation. Change the id and name in your input tag to "id".
Also if you are consuming application/x-www-form-urlencoded, add this attribute to your form tag: enctype="application/x-www-form-urlencoded"

Pass a file to Java trough JavaScript

I have been trying to load a file trough a form in HTML and send it to Java in order to process it. I made a JavaScript function so i can pass the file path but it won't work because it will send only the file's name and extension so Java will just get just a String to process and throw a NullPointerEception.
Does anyone have any idea how i can solve this problem?
PS: I'm sorry for the noobie question but i don't know JS.

i think the file which you forward for java is must read by input output operation in bytes beacuse java is understand only text file or byte array by byte array you can store any image ,pdf etc.

i have a regular html form like this:
<form action="MultipartServlet" name="form" id="form" method="post" enctype="multipart/form-data">
<td><input type="file" name="upload" id="upload" />
<td><input type="button" value="Check" onclick="FileValidator.check()"/>
i cannot use type="submit" because for an odd reason the application is crushing
the JS code:
check: function() {
var file = $F("upload");
new Ajax.Request( 'url', {
parameters: '...&action=fileValidator&upload=' + file,
onSuccess: function(response) {
var result = eval('(' + response.responseText + ')');
if (result.success) {
displayErrorsFromFile();
} else {
alert("Errors! " + response.responseText);
}
},
onFailure: reportError
})
}
in the Java code i just try to get the file trough the "upload" parameter and validate the file's imput.
so i guess that the "upload" parameter has to get a bites array of the entire file so it can process it... or somehow the path of the file

"The content type "multipart/form-data" should be used for submitting forms that contain files, non-ASCII data, and binary data."
http://www.w3.org/TR/html4/interact/forms.html#h-17.13.4.2
What does enctype='multipart/form-data' mean?
So basically it doesn't really matter how your submit your form on the client, <input type="submit" />, some java script like document.forms["myform"].submit(); or however your js library does it, as long as you have <input type="file" /> in your form on the client and some server side component (like servlet), which could get to the binary file submitted, from the request.
For e really comprehensive example and explanation see this post:
How to upload files to server using JSP/Servlet?