Question

我想使用jQuery上传文件并存储在服务器上的文件夹中。我不知道怎么开始。文件路径也需要存储在Oracle数据库中。我的整个场景基于实体框架。有没有人知道如何解决这个问题？

Answer 1

使用此插件进行jquery文件上传。

http://www.uploadify.com/

或者，使用此 -

http://blueimp.github.com/jQuery-File-Upload/

或者，在 -

找一些更体面的插件

http://www.tutorialchip.com/jquery/9-powerful-jquery-file-upload-plugins/

Answer 2

如果你不想使用任何插件，你可以在jquery中使用iframe轻松上传文件。现在我已经解决了这个问题。我很快就遇到了这个问题。

$(document).ready(function () {
    $("#formsubmit").click(function () {       

        var iframe = $('<iframe name="postframe" id="postframe" class="hidden" src="about:none" />');         

        $('div#iframe').append(iframe);        

        $('#theuploadform').attr("action", "/ajax/user.asmx/Upload")
        $('#theuploadform').attr("method", "post")
        $('#theuploadform').attr("userfile", $('#userfile').val())
        $('#theuploadform').attr("enctype", "multipart/form-data")
        $('#theuploadform').attr("encoding", "multipart/form-data")
        $('#theuploadform').attr("target", "postframe")         
        $('#theuploadform').submit();
        //need to get contents of the iframe
        $("#postframe").load(
            function () {
                iframeContents = $("iframe")[0].contentDocument.body.innerHTML;
                $("div#textarea").html(iframeContents);
            }
        );



<div id="uploadform">
    <form id="theuploadform" action="">
        <input id="userfile" name="userfile" size="50" type="file" />
        <input id="formsubmit" type="submit" value="Send File" />
    </form>
</div>

<div id="iframe" style="width: 0px; height: 0px; display: none;">
</div>

<div id="textarea">
</div>

它会上传文件。现在剩下的就是在服务器上接收该文件了。我已经使用servlet来获取文件，之后我调用了一个服务。该示例适用于每个文件图像，文本，docx，doc等。

的Servlet

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
try {
    ServletFileUpload upload = new ServletFileUpload();
    response.setContentType("text/plain"); 
    //response.setContentType("application/msword");


    FileItemIterator iterator = upload.getItemIterator(request);

    while (iterator.hasNext()) {
        FileItemStream item = iterator.next();
        String filename = item.getName();
        InputStream stream = item.openStream();
        //more here you wanna to do with that file do.
    }
} 
catch (FileUploadException e) {
    // TODO Auto-generated catch block
    e.printStackTrace();
}

...享受

如何使用jquery上传文件？

2 个答案: