Question

我正在尝试为文件制作代码和一些数据上传.....

但这对我来说太难了.............. !!!!!!!!

当我点击＆＃34; btn-upload＆＃34;按钮，我的点击没有回复..

并且eclipse上没有错误消息..

所以我需要帮助..请帮助我.............

这是jsp

<script>
$("#btn-upload").on("click", function(event){
 event.preventDefault();
  var files = event.originalEvent.dataTransfer.files; 
  var file = files[0];
  var formData= new Formdata();
  var pName = $('#pName').val();
  var pPrice = $('#pPrice').val();

  formData.append("file",file);
  formData.append("pName",pName);
  formData.append("pPrice",pPrice);

 $.ajax({
       url:'/pupload',
       data: formData,
       dataType:'text',
       processData: false,
       contentType: false,
       type: 'POST',
       success: function(data){
           alert(data);
       }
 });
});
</script>
 <div>registering product</div>

<select name="pType" id="pType">
 <option value="pp">추천상품</option>
 <option value="bp">베스트상품</option>
 <option value="dp">할인상품</option>
</select>

  <form enctype="multipart/form-data">
             이미지 업로드<input type="file" name="pImage" id="pImage">
        상품명<input type="text" name="pName" id="pName">
        상품가격<input type="text" name="pPrice" id="pPrice">
        재고수량<input type="text" name="pStock" id="pStock">
        상품설명<input type="text" name="pDetail" id="pDetail">

             상품설명이미지<input type="file" name="dtImage" id="dtIamge"> 
             <input type="button" id="btn-upload" value="등록">
 </form>
</html>

这是另一个jsp。

   <div class="col-md-6">
     <img src="displayFile?fileName=${fileName.fileName}" width="400" 
      height="400" align="right">

   </div>

这是controller.java

//-get
@RequestMapping(value = "/pupload", method = RequestMethod.GET)
public String pUpload() {

    return "/admin/adProduct";
}

//-post
@ResponseBody
@RequestMapping(value = "/pupload", method = RequestMethod.POST, produces="text/plain;charset=UTF-8")
public ResponseEntity<String> pUpload2(MultipartFile file, Model model, ProductVO vo) throws Exception { 

    String fileName = file.getName();
    model.addAttribute("fileName", fileName);
        pservice.regist(vo);
   return new ResponseEntity<>(UploadFileUtils.uploadFile(uploadPath, file.getOriginalFilename(), file.getBytes()),
             HttpStatus.CREATED);
}

//displaying image
 @ResponseBody
 @RequestMapping("/displayFile")
 public ResponseEntity<byte[]> displayFile(String fileName) throws Exception{
     InputStream in = null;
     ResponseEntity<byte[]> entity = null;


     //logger.info("FILE NAME:"+fileName);

     try {
           String formatName = fileName.substring(fileName.lastIndexOf(".")+1);

           MediaType mType = MediaUtils.getMediaType(formatName);

           HttpHeaders headers = new HttpHeaders();


           in = new FileInputStream(uploadPath+fileName);

           if(mType!=null) {
               headers.setContentType(mType);
           }else {
               fileName = fileName.substring(fileName.indexOf("_")+1);
               headers.setContentType(MediaType.APPLICATION_OCTET_STREAM);
               headers.add("Content-Disposition", "attachement; 
filename=\""+new String(fileName.getBytes("UTF-8"), "ISO-8859-1")+"\"");
           }

        entity = new ResponseEntity<byte[]>(IOUtils.toByteArray(in), 
headers, HttpStatus.CREATED);   
     }catch(Exception e) {
         e.printStackTrace();
         entity = new ResponseEntity<byte[]>(HttpStatus.BAD_REQUEST);
     }finally {
        in.close();
     }

     return entity;
 }//displayFile

Answer 1

  formData.append("pName",pName);
  formData.append("pPrice",pPrice);


 @RequestMapping(value = "/pupload", method = RequestMethod.POST,produces="text/plain;charset=UTF-8")
 public ResponseEntity<String> pUpload2(@RequestParam String pName,@RequestParam String pPrice,@RequestParam(required = false) MultipartFile file, Model model) throws Exception { 
     ProductVO vo=new ProductVo();
      vo.setPName(pName);
      vo.setpPrice(pPrice);
       ......

  }

如果您不想发送JSON

<intent-filter>
    <action android:name="android.intent.action.SEND" />
    <category android:name="android.intent.category.DEFAULT" />
    <data android:mimeType="image/*" />
</intent-filter>

使用带有spring mvc，jsp的ajax上传文件和数据

1 个答案: