服务器端

时间:2017-09-21 08:04:58

标签: javascript java jquery

您好我在尝试打开使用java从数据库检索的文件时在服务器端的跨源请求中遇到问题。我不知道这个交叉orgin请求。当单击文件时它会给出错误

jquery.min.js:4 XMLHttpRequest无法加载file:/// C:/Users/JR00432239/Desktop/trial/src/temp/filetest1.docx。交叉源请求仅支持协议方案:http,数据,chrome,chrome-extension,https。

任何人都可以帮我解决这个问题。

这是我的java代码:

package fileretrieve;

import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.PrintWriter;
import java.nio.charset.Charset;
import java.sql.Blob;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.ResultSetMetaData;
import java.sql.SQLException;
import java.sql.Statement;
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.annotation.MultipartConfig;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.Part;

import org.apache.tomcat.util.http.fileupload.IOUtils;

import dbConnection.Dbconn;

@MultipartConfig
public class FileRetrieve extends HttpServlet {



    protected void doPost(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {
          response.setContentType("text/plain");

          PrintWriter out = response.getWriter();        
          String onelevel=request.getParameter("onelevel"); 







          Connection conn = null; // connection to the database
          String message = null;
          Statement st = null;// message will be sent back to client



          try {
              // connects to the database
              conn = Dbconn.getConnection();
                st = conn.createStatement();

                 PreparedStatement ps=conn.prepareStatement("select data from files1 where board=?");
                 ps.setString(1,onelevel);                   
                 //out.print("<table width=25% border=1>");
                // out.print("<center><h1>Result:</h1></center>");
                 ResultSet rs=ps.executeQuery();                
                 /* Printing column names */
                 ResultSetMetaData rsmd=rs.getMetaData();
                 int count=0;
                 while(rs.next())
                    {
                     count=count+1;
                     FileOutputStream fos = new FileOutputStream("C:\\Users\\JR00432239\\Desktop\\trial\\src\\temp\\filetest"+count+".docx");
                     fos.write(rs.getBytes(1));
                     fos.close();

//                 out.print("<tr>");
//                 out.print("<td>"+rsmd.getColumnName(1)+"</td>");
//                    out.print("<td><a href=\"file:///C:/Users/JR00432239/Desktop/trial/src/temp/test.pdf\" target=\"_self\">"+count+"</a></td></tr>");
//                    getServletContext().getRequestDispatcher("/home.html").forward(request, response);
                     System.out.println("writing...");
                     response.getWriter().write("{\"name\":\""+count+"\",\"path\":\"C:/Users/JR00432239/Desktop/trial/src/temp/filetest"+count+".docx\"}");



                 }


//                 out.print("</table>");
//                 


          }catch (Exception e2)
            {
                e2.printStackTrace();
            }

          finally{

//            request.setAttribute("data", data);
//            RequestDispatcher rd =request.getRequestDispatcher("userview.jsp");
//            

              out.close();
            }


          // forwards to the message page
        //  getServletContext().getRequestDispatcher("/home.html").forward(request, response);
   }

}   

这是我的HTML代码: 提交

这是我的javascript页面:

$("#retrieve").click(function(){

     $.ajax({
            url : 'FileRetrieve',
            method:"POST",
            data : {
                onelevel : $('#onelevel').val()
            },

            crossDomain: true,
            success : function(responseText) {
                var data=JSON.parse(responseText)
                $("#files_data").html('')
                $("#files_data").html('<table><tr><td><button onclick="getFile()">'+data.name+'</button></td></tr></table>')

            },
            error: function(XMLHttpRequest, textStatus, errorThrown) { 
                alert("Status: " + textStatus); alert("Error: " + errorThrown); 
            }
        });
     return false;
 });

1 个答案:

答案 0 :(得分:0)

如果您正在使用chrome,作为一个简单的解决方案,请尝试使用 Allow-Control-Allow-Origin:* 等Chrome扩展程序  https://chrome.google.com/webstore/detail/nlfbmbojpeacfghkpbjhddihlkkiljbi?utm_source=chrome-app-launcher-info-dialog

如果没有修复, 使用带有标志的命令行运行chrome

path/to/chrome.exe --allow-file-access-from-files

或者只是切换到Firefox并检查问题是否仍然存在

这只是在开发中的快速修复

修改

据我所知,您可以做的最好的事情是在http服务器中提供文件并使用http协议访问它们。