SpringBoot项目上传图片

已于 2023-02-01 09:51:28 修改
阅读量325 收藏
点赞数
分类专栏： Springboot 文章标签： 前端 javascript spring boot 后端
于 2023-01-31 17:35:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x1043556915/article/details/128820865
版权

前端部分:

1、上传图片窗口:

//=========================取消圖片============================
 var quxiao_image=function(image_name_temp,image_temp){
     Ext.getCmp(image_name_temp).setValue('');
     var image = Ext.get(image_temp).dom;
     image.src = Ext.BLANK_IMAGE_URL;
     image.src ='';
 }
 //============================上傳圖片==================
 var image_input=function(image_name_temp,image_temp){
 var uploadPanel =  new Ext.form.FormPanel({
             fileUpload: true,
             id:'fileUploadForm',
             frame:true,
             labelAlign:'right',
             buttonAlign:'center',
             labelWidth: 60,
             items: [{
                 xtype: 'textfield',
                 fieldLabel: 'File',
                 id: 'file',
                 inputType: 'file',
                 allowBlank:false,
                 listeners : {
                         "render":function(){
                               Ext.get('file').on("change",function(){
                         })
                   }
                 }
             }],
            buttons: [{
               text:'Upload',
               id:'tijiao',
               handler:function(){
                  var src=Ext.getCmp('file').getValue();
                  var filetype=src.split('.');
                  if((filetype[filetype.length-1].toLowerCase()!='jpg')
                	  && (filetype[filetype.length-1].toLowerCase()!='jpeg')
                	  && (filetype[filetype.length-1].toLowerCase()!='png')){
                     Ext.Msg.alert('Tip','Please select a picture in JPG or JPEG or PNG format!',function(){
                              uploadPanel.getForm().getEl().dom.reset();
                              Ext.getCmp('file').focus();
                        });
                     return;
                  }
                  if(src==''){
                     Ext.getCmp('file').focus();
                     return;
                  }

                  uploadPanel.getForm().submit({
                     method : 'post',
                     url:'uploadImages',
                     waitTitle: 'Just a moment, please',
                     waitMsg: 'Uploading ...',
                     success : function(form, action){
                              if(action.result.success){
                                           var path=Ext.getCmp('file').getValue();
                                            Ext.getCmp(image_name_temp).setValue(action.result.msg);
                                            var image = Ext.get(image_temp).dom;
                                            image.src = Ext.BLANK_IMAGE_URL;
                                            var fname=action.result.msg;
                                            image.src =fname;
                                            uploadPanel.getForm().getEl().dom.reset();
                                            win_image.close();

                              }else{
                                Ext.Msg.alert('Tip',action.result.msg);
                              }
                       },
                     failure: function(form, action){
                                Ext.Msg.alert('Tip',action.result.msg);
                       }
                   });
              }
            },{
               text: 'Close',
               handler:function(){
                      win_image.close();
             }
         }]

     });

 var win_image= new Ext.Window({
         title:'Pick Picture',
         width: 350,
         height:150,
         layout: 'fit',
         shadow:false,
         plain:true,
         modal:true,
         bodyStyle:'padding:5px;',
         closeAction:'close',
         items:uploadPanel
     }).show();
 win_image.on('hide',function(){
         uploadPanel.getForm().getEl().dom.reset();
 });
 }

2、图片集

圖片集/
 var tabs_form=new Ext.form.FormPanel({
       anchor:'100%',
       frame:true,
       //autoHeight:true,
       height:300,
       layout:'form',
       labelWidth:80,
       labelAlign:'right',
       buttonAlign:'center',
       items:[{
	           xtype:'hidden',
	           id:'image1_name_temp',
	           value:''
	        },{
               xtype:'hidden',
               id:'image2_name_temp',
               value:''
            },{
               xtype:'hidden',
               id:'image3_name_temp',
               value:''
            },{
              xtype:'hidden',
              id:'image4_name_temp',
              value:''
           },{
           layout:'column',
           items:[{
              columnWidth:.25,
              layout:'form',
              items:[{
                 xtype : 'box',
                 fieldLabel: 'Picture 1',
                 id : 'image_name1',
                 autoEl : {
                       anchor:'95%',
                       height : 200,
                       width: 200,
                       tag : 'img',
                       src :  Ext.BLANK_IMAGE_URL,
                       style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

(sizingMethod=scale);',
                       complete : 'off',
                       id : 'image1'
                   }
                  },{
                     layout:'column',
                     items:[{
                         columnWidth:.5,
                         layout:'form',
                         items:[{
                               xtype:'button',
                               text: 'Upload Pic1',
                               handler:function(){
                                new image_input('image1_name_temp','image1');
                              }
                         }]
                       },{
                         columnWidth:.5,
                         layout:'form',
                         items:[{
                               xtype:'button',
                               text: 'Cancel Pic1',
                               handler:function(){
                               Ext.MessageBox.confirm('Tip！', 'Are you sure you want to delete？', function

(btn, text){
                                 if (btn == 'no') {
                                     return false;
                                 }
                                  new quxiao_image('image1_name_temp','image1');
                               });
                              }
                         }]
                       }]
                   }
             ]
           },{
              columnWidth:.25,
              layout:'form',
              items:[{
                 xtype : 'box',
                 fieldLabel: 'Picture 2',
                 id : 'image_name2',
                 autoEl : {
                       anchor:'95%',
                       height : 200,
                       width: 200,
                       tag : 'img',
                       src :  Ext.BLANK_IMAGE_URL,
                       style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

(sizingMethod=scale);',
                       complete : 'off',
                       id : 'image2'
                   }
                  },{
                     layout:'column',
                     items:[{
                         columnWidth:.5,
                         layout:'form',
                         items:[{
                               xtype:'button',
                               text: 'Upload Pic2',
                               handler:function(){
                                new image_input('image2_name_temp','image2');
                              }
                         }]
                       },{
                         columnWidth:.5,
                         layout:'form',
                         items:[{
                               xtype:'button',
                               text: 'Cancel Pic2',
                               handler:function(){
                               Ext.MessageBox.confirm('Tip！', 'Are you sure you want to delete？', function

(btn, text){
                                 if (btn == 'no') {
                                     return false;
                                 }
                                  new quxiao_image('image2_name_temp','image2');
                               });
                              }
                         }]
                       }]
                   }
             ]
           },{
                    columnWidth:.25,
                    layout:'form',
                    items:[{
                       xtype : 'box',
                       fieldLabel: 'Picture 3',
                       id : 'image_name3',
                       autoEl : {
                             anchor:'95%',
                             height : 200,
                             width: 200,
                             tag : 'img',
                             src :  Ext.BLANK_IMAGE_URL,
                             style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

(sizingMethod=scale);',
                             complete : 'off',
                             id : 'image3'
                         }
                     },{
                     layout:'column',
                     items:[{
                         columnWidth:.5,
                         layout:'form',
                         items:[{
                               xtype:'button',
                               text: 'Upload Pic3',
                               handler:function(){
                                new image_input('image3_name_temp','image3');
                              }
                         }]
                       },{
                         columnWidth:.5,
                         layout:'form',
                         items:[{
                               xtype:'button',
                               text: 'Cancel Pic3',
                               handler:function(){
                               Ext.MessageBox.confirm('Tip！', 'Are you sure you want to delete？', function

(btn, text){
                                 if (btn == 'no') {
                                     return false;
                                 }
                                  new quxiao_image('image3_name_temp','image3');
                               });
                              }
                         }]
                       }]
                   }
             ]
           },{
              columnWidth:.25,
              layout:'form',
              items:[{
                 xtype : 'box',
                 fieldLabel: 'Picture 4',
                 id : 'image_name4',
                 autoEl : {
                       anchor:'95%',
                       height : 200,
                       width: 200,
                       tag : 'img',
                       src :  Ext.BLANK_IMAGE_URL,
                       style : 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader

(sizingMethod=scale);',
                       complete : 'off',
                       id : 'image4'
                   }
                  },{
                     layout:'column',
                     items:[{
                         columnWidth:.5,
                         layout:'form',
                         items:[{
                               xtype:'button',
                               text: 'Upload Pic4',
                               handler:function(){
                                new image_input('image4_name_temp','image4');
                              }
                         }]
                       },{
                         columnWidth:.5,
                         layout:'form',
                         items:[{
                               xtype:'button',
                               text: 'Cancel Pic4',
                               handler:function(){
                               Ext.MessageBox.confirm('Tip！', 'Are you sure you want to delete？', function

(btn, text){
                                 if (btn == 'no') {
                                     return false;
                                 }
                                  new quxiao_image('image4_name_temp','image4');
                               });
                              }
                         }]
                       }]
                   }
             ]
           }
        ]
       }]
   });

 
 var tabs=new Ext.TabPanel({
     autoHeight:true
  });

  tabs.add({
     autoHeight:true,	 
     title:'Pictures',
     Layout:'fit',
     items:tabs_form
   });
  tabs.activate(0);

3、新增數據時,初始化圖片集

  Ext.get('image1').dom.src= Ext.BLANK_IMAGE_URL;
  Ext.get('image1').dom.src ='';
  Ext.getCmp('image1_name_temp').setValue('');
  Ext.get('image2').dom.src= Ext.BLANK_IMAGE_URL;
  Ext.get('image2').dom.src ='';
  Ext.getCmp('image2_name_temp').setValue('');
  Ext.get('image3').dom.src= Ext.BLANK_IMAGE_URL;
  Ext.get('image3').dom.src ='';
  Ext.getCmp('image3_name_temp').setValue('');
  Ext.get('image4').dom.src= Ext.BLANK_IMAGE_URL;
  Ext.get('image4').dom.src ='';
  Ext.getCmp('image4_name_temp').setValue('');

4、修改數據時,圖片集賦值

      Ext.getCmp('image1_name_temp').setValue(record[0].get('image_name1'));
      var image1 = Ext.get('image1').dom;
      image1.src = Ext.BLANK_IMAGE_URL;
      var fname=record[0].get('image_name1');
      image1.src =fname;
      
      Ext.getCmp('image2_name_temp').setValue(record[0].get('image_name2'));
      var image2 = Ext.get('image2').dom;
      image2.src = Ext.BLANK_IMAGE_URL;
      var fname=record[0].get('image_name2');
      image2.src =fname;
      
      Ext.getCmp('image3_name_temp').setValue(record[0].get('image_name3'));
      var image3 = Ext.get('image3').dom;
      image3.src = Ext.BLANK_IMAGE_URL;
      var fname=record[0].get('image_name3');
      image3.src =fname;
      
      Ext.getCmp('image4_name_temp').setValue(record[0].get('image_name4'));
      var image4 = Ext.get('image4').dom;
      image4.src = Ext.BLANK_IMAGE_URL;
      var fname=record[0].get('image_name4');
      image4.src =fname;

application.yml 配置:

#圖片上傳絕對路徑
upload:
  filePath: C:/GVPV/imagesFromInput/uploadFile/

Java config,controller,server,xml部分:

1、新增配置類UploadFileConfig

package com.goodview.config;

import org.springframework.boot.context.properties.ConfigurationProperties;
import org.springframework.stereotype.Component;

@Component
@ConfigurationProperties(prefix = "upload")
public class UploadFileConfig {

	private  String filePath;

	public String getFilePath() {
		return filePath;
	}

	public void setFilePath(String filePath) {
		this.filePath = filePath;
	}

	@Override
	public String toString() {
		return "UploadFileConfig [filePath=" + filePath + "]";
	}
	
}

2、新增配置類WebMvcConfig,關聯圖片的絕對路徑和相對路徑 :

package com.goodview.config;
import java.nio.charset.Charset;
import java.util.ArrayList;
import java.util.List;
import javax.annotation.Resource;
import javax.servlet.MultipartConfigElement;
import org.springframework.boot.web.servlet.MultipartConfigFactory;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.http.MediaType;
import org.springframework.http.converter.HttpMessageConverter;
import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter;
import org.springframework.util.unit.DataSize;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

	@Override
	public void addViewControllers(ViewControllerRegistry registry) {
		//靜態跳轉頁
	    registry.addViewController("/").setViewName("forward:login.html");;
		//動態跳轉頁
	    //registry.addViewController("/").setViewName("login");
	}    
  
    @Bean
    public MultipartConfigElement multipartConfigElement(){
        MultipartConfigFactory factory = new MultipartConfigFactory();
        //文件最大KB,MB
        factory.setMaxFileSize(DataSize.parse("2MB"));
        //设置总上传数据总大小
        factory.setMaxRequestSize(DataSize.parse("10MB"));
        return factory.createMultipartConfig();
    }

    /** * 解决ie responsebody返回json的时候提示下载问题 * * @return */
    public MappingJackson2HttpMessageConverter customJackson2HttpMessageConverter() {
        MappingJackson2HttpMessageConverter jsonConverter = new MappingJackson2HttpMessageConverter();
        List<MediaType> supportedMediaTypes = new ArrayList<MediaType>();
        MediaType media = new MediaType(MediaType.TEXT_HTML, Charset.forName("UTF-8"));
        supportedMediaTypes.add(media);
        jsonConverter.setSupportedMediaTypes(supportedMediaTypes);
        return jsonConverter;
    }

	@Override
	public void configureMessageConverters(List<HttpMessageConverter<?>> converters) {
		// TODO Auto-generated method stub
		converters.add(customJackson2HttpMessageConverter());
	}
	
  
    @Resource
    UploadFileConfig uploadFileConfig;
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
         registry.addResourceHandler("/uploadFile/**").addResourceLocations("file:"+uploadFileConfig.getFilePath());


}

3、查詢數據

@PostMapping(value = "/getList")
	 @ResponseBody
	 public StoreResponseInfo<Nmat> getList(
			 @RequestParam(value = "nmat_id",required = true) String nmat_id,
			 @RequestParam(value = "start",required = true) int start,
			 @RequestParam(value = "limit",required = true) int limit,
			 HttpServletRequest request
			 ) throws UnsupportedEncodingException {  

		 StoreResponseInfo<Nmat> res = new StoreResponseInfo<Nmat>();
		 List<Nmat> list = new ArrayList<Nmat>();  	
		 int totalProperty=0;
	     String image_name1="";
	     String image_name2="";
	     String image_name3="";
	     String image_name4="";
	     String  filename1="";
	     String  filename2="";
	     String  filename3="";
	     String  filename4="";
	     String filePath1="";
	     String filePath2="";
	     String filePath3="";
	     String filePath4="";
	     byte[] get_image_name1=null;
	     byte[] get_image_name2=null;
	     byte[] get_image_name3=null;
	     byte[] get_image_name4=null;
		 try {   
			 totalProperty=Service.Count(nmat_id);
			 list=Service.getList(nmat_id, start, limit);
	    	 /*取出圖片,寫入指定文件夾*/
	    	 String realPath=fileConfig.getFilePath();
    		 for (int i=0; i<list.size();i++) {
        		image_name1=list.get(i).getImage_name1();        	            
	    		filename1=image_name1.substring(image_name1.lastIndexOf("/")+1,image_name1.length

()).replaceAll("'", " ").trim();
	    	    filePath1=realPath+filename1; 
	    	    File file1 =new File(filePath1);	    	   
	    	    if (!file1.exists()) {	    	    	
	    	    	get_image_name1 = list.get(i).getImage1();
	    			int len = get_image_name1.length;
	    			if(len!=-1) {
		    	    	FileOutputStream outputStream = new FileOutputStream(file1);
		    	    	outputStream.write(get_image_name1);// 将数组中的信息写入文件中
		    	    	outputStream.close();
	    	    	} 
	    	    }
        		image_name2=list.get(i).getImage_name2();        	            
	    		filename2=image_name1.substring(image_name2.lastIndexOf("/")+1,image_name2.length

()).replaceAll("'", " ").trim();
	    	    filePath2=realPath+filename2; 
	    	    File file2 =new File(filePath2);	    	   
	    	    if (!file2.exists()) {	    	    	
	    	    	get_image_name2 = list.get(i).getImage2();
	    			int len = get_image_name2.length;
	    			if(len!=-1) {
		    	    	FileOutputStream outputStream = new FileOutputStream(file2);
		    	    	outputStream.write(get_image_name2);// 将数组中的信息写入文件中
		    	    	outputStream.close();
	    	    	} 
	    	    }
        		image_name3=list.get(i).getImage_name3();        	            
	    		filename3=image_name3.substring(image_name3.lastIndexOf("/")+1,image_name3.length

()).replaceAll("'", " ").trim();
	    	    filePath3=realPath+filename3; 
	    	    File file3 =new File(filePath3);	    	   
	    	    if (!file3.exists()) {	    	    	
	    	    	get_image_name3 = list.get(i).getImage3();
	    			int len = get_image_name3.length;
	    			if(len!=-1) {
		    	    	FileOutputStream outputStream = new FileOutputStream(file3);
		    	    	outputStream.write(get_image_name3);// 将数组中的信息写入文件中
		    	    	outputStream.close();
	    	    	} 
	    	    }
        		image_name4=list.get(i).getImage_name4();        	            
	    		filename4=image_name4.substring(image_name4.lastIndexOf("/")+1,image_name4.length

()).replaceAll("'", " ").trim();
	    	    filePath4=realPath+filename4; 
	    	    File file4 =new File(filePath4);	    	   
	    	    if (!file4.exists()) {	    	    	
	    	    	get_image_name4 = list.get(i).getImage4();
	    			int len = get_image_name4.length;
	    			if(len!=-1) {
		    	    	FileOutputStream outputStream = new FileOutputStream(file4);
		    	    	outputStream.write(get_image_name4);// 将数组中的信息写入文件中
		    	    	outputStream.close();
	    	    	} 
	    	    }
    		}
		 } catch (Exception e) {			
			 e.printStackTrace();	
			 return res;
		 }  
		 res.totalProperty=totalProperty;
		 res.root = list;
		 //System.out.println(res);
		 return res;
	 }

4、更新新增,關於圖片的部份：

public int update(String nmat_json) throws Exception {
        byte[] btye_images1 = null;
    	byte[] btye_images2 = null;
    	byte[] btye_images3 = null;
    	byte[] btye_images4 = null;
    	String image_name1="";
    	String image_name2="";
    	String image_name3="";
    	String image_name4="";
    	 //获取绝对路径
        String realPath=fileConfig.getFilePath();
		for (Nmat nmat : list) {
	    	image_name1=nmat.getImage_name1();		   
			String filename1=image_name1.substring(image_name1.lastIndexOf

("/")+1,image_name1.length()).replaceAll("'", " ").trim();
		    String filePath1=realPath+filename1;    		
			FileInputStream fis1=null;
			File file1 = new File(filePath1); 
			if (!"".equals(filename1)) {
		    		fis1 = new FileInputStream(file1);
		    		btye_images1=toByteArray(fis1);
		    		nmat.setImage1(btye_images1);	
			}
			image_name2=nmat.getImage_name2();	
			String filename2=image_name2.substring(image_name2.lastIndexOf

("/")+1,image_name2.length()).replaceAll("'", " ").trim();
		    String filePath2=realPath+filename2;    		
			FileInputStream fis2=null;
			File file2 = new File(filePath2); 
			if (!"".equals(filename2)) {
		    		fis2 = new FileInputStream(file2);
		    		btye_images2=toByteArray(fis2);
		    		nmat.setImage2(btye_images2);
			}
			image_name3=nmat.getImage_name3();	
			String filename3=image_name3.substring(image_name3.lastIndexOf

("/")+1,image_name3.length()).replaceAll("'", " ").trim();
		    String filePath3=realPath+filename3;    		
			FileInputStream fis3=null;
			File file3 = new File(filePath3); 
			if (!"".equals(filename3)) {
		    		fis3 = new FileInputStream(file3);
		    		btye_images3=toByteArray(fis3);
		    		nmat.setImage3(btye_images3);
			}
			image_name4=nmat.getImage_name4();
			String filename4=image_name4.substring(image_name4.lastIndexOf

("/")+1,image_name4.length()).replaceAll("'", " ").trim();
		    String filePath4=realPath+filename4;    		
			FileInputStream fis4=null;
			File file4 = new File(filePath4); 
			if (!"".equals(filename4)) {
		    		fis1 = new FileInputStream(file4);
		    		btye_images4=toByteArray(fis4);
		    		nmat.setImage4(btye_images4); 	
			}		
		}
		
}

    public static byte[] toByteArray(InputStream input) throws IOException {
        ByteArrayOutputStream output = new ByteArrayOutputStream();
        byte[] buffer = new byte[1024*4];
        int n = 0;
        while (-1 != (n = input.read(buffer))) {
            output.write(buffer, 0, n);
        }
        return output.toByteArray();
    }

5、更新圖片的xml部份

			image1 = #{image1,jdbcType=BINARY},
			image_name1 = #{image_name1,jdbcType=VARCHAR},
			image2 = #{image2,jdbcType=BINARY},
			image_name2 = #{image_name2,jdbcType=VARCHAR},
			image3 = #{image3,jdbcType=BINARY},
			image_name3 = #{image_name3,jdbcType=VARCHAR},
			image4 = #{image4,jdbcType=BINARY},
			image_name4 =#{image_name4,jdbcType=VARCHAR}

Ben_1043556915
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot 实现图片上传功能
天天都在进步的博客
01-12 886
环境介绍 springboot 版本2.1.3 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.1.3.RELEASE</version> <relativePath /> </paren
springboot上传图片
qq_45870222的博客
11-21 2893
springboot上传图片及传递其他字段
Springboot图片上传
weixin_57169969的博客
08-12 1150
Springboot项目中的图片上传
SpringBoot的图片上传
最新发布
玖柒IT
05-09 583
一个基于Spring Boot框架的简单文件上传功能的实现方式
SpringBoot中上传文件(图片)的两种方法
FL_MJ的博客
12-19 1027
此处为vue2 且引入了element-ui组件。
SpringBoot项目上传图片（本地/OSS）
aichijvzi的博客
12-16 6195
在分布式项目中，通常一个项目中会用到很多服务器，如果我们还像单体项目中将文件/图片上传到本地，而下一次访问的时候，如果我们访问的服务器不是上一次保存的服务器的话，我们就访问不到自己上传的数据，这显然不是我们希望的，这时候我们就用到OSS对象存储。图片上传完成之后，我们可以到项目中的==/images==目录下查看，如果图片存在就说明我们已经成功的将图片上传到我们的项目中了。文件校验（包括但不限于，图片的大小、图片的类型、图片是否为空、上传的是否是文件等）这里截取后缀名我为了代码简洁，直接链式调用获取。
SpringBoot实现图片的上传
xiaochen的博客
06-24 4116
SpringBoot实现图片的校验与上传
SpringBoot 配置上传图片
码农米格的博客
10-22 827
springBoot 配置上传图片 springBoot 上传图片涉及到虚拟路径与本地路径的配置： springBoot 的配置文件： application.properties # 本都路径 file.upload.path=F://JAVA学习/workspace/SpringBoot/images/ # 虚拟路径（映射路径） file.relative=/images/** 配置映射路径类 WebAppConfiguration.java ，通过实现 WebMvcConfigur
SpringBoot图片上传
m0_61501833的博客
01-11 274
1.接口文件 2.Controller层 @RestController @CrossOrigin @RequestMapping("/file") public class FileController { @Autowired private FileService fileService; /** * 业务说明: 实现图片上传 * URL: http://localhost:8091/file/upload * 类型: post .
SpringBoot项目教学资源库.zip
04-13
SpringBoot项目教学资源库是一个为教师、学生及教育工作者设计的在线平台，旨在提供丰富的教育资源和便捷的管理工具。该系统利用Spring Boot的快速开发优势，整合了资源上传、分类管理、在线预览和互动讨论等功能，...
SpringBoot项目校园失物招领系统.zip
04-14
SpringBoot项目校园失物招领系统是一个基于Java SpringBoot框架的服务平台，旨在帮助校园内丢失和找到物品的个人进行有效的信息交流。该系统提供了一个简便的方式来发布失物信息和招领信息，极大地提高了失物找回的...
SpringBoot项目基于springboot的房屋租赁系统.zip
04-14
SpringBoot项目基于Spring Boot的房屋租赁系统是一个为房东、房产中介和租户设计的在线租赁管理平台。它利用Spring Boot的快速开发特性，结合了房源发布、在线看房预约、租约管理、租金交易处理、用户评价以及维修...
JAVA Springboot项目 ocr图像识别
06-30
在SpringBoot项目中，可以创建一个Controller来处理OCR请求，用户上传图像后，通过Service层调用tess4j进行识别。利用Spring的依赖注入，将`tess4j`的相关服务以Bean的形式注册到Spring容器中，实现服务的解耦和复用...
vue+springboot图片上传和显示的示例代码
10-15
在本文中，我们将深入探讨如何实现一个基于Vue和...这个示例代码为开发者提供了一个完整的流程，帮助他们理解和实现图片上传与显示功能，对于需要在前后端分离项目中集成此类功能的开发人员来说，是非常有价值的参考。
SpringBoot 实现图片(文件)上传与查看功能
RETURN100ERRORS的博客
04-21 3539
因为采用前后端分离思想写的项目,并没有为Springboot 设置 static template，但最近使用 wangEditor 编辑器要使用图片上传下载功能，这里单独设置文件夹用来保存照片文件，并设置SpringBoot 指向该静态文件 一、配置 yml 指向文件要保存路径 因为开发环境主要是 windows application-dev.yml 配置主要如下 配置完即可实现 图片查看功能 照片保存在特定文件 只需要 ip:端口/img/文件名 # 自定义文件路径变量 file: path: F
Springboot怎么实现图片上传
weixin_62883794的博客
05-18 4722
label class="col-sm-2 control-label">图片</label>-- imgfile 是上传图片的参数 类型是 MultipartFile 文件类型imgfile 必须和后台 上传图片的方法 uploadImg 参数保持一致 --></div></div>js中定义函数 图片上传<script>//上传图片//初始化图片配置：],//是否初始化图片显示language: 'zh', //设置语言。
ios 上传图片到阿里云的oss_SpringBoot2.x系列教程85--SpringBoot中整合阿里云OSS存储...
weixin_39654436的博客
11-25 182
SpringBoot2.x系列教程85--SpringBoot中整合阿里云OSS存储作者：一一哥一. 阿里云OSS简介1. 存储服务简介我们进行项目开发，很多时候都需要进行文件、图片等的上传，对于很多项目来说，虽然有FastDFS等文件存储服务器技术，但其实我们完全没有必要搭建自己的图片等文件服务器。对一个小型非专业的应用来说，搭建自己的专属文件存储服务器，完全就是浪费，而且也不一定有那样的实力。...
Springboot2通过MultipartFile上传图片到服务端，并保存文件路径到数据库中
csdn_huayan的博客
05-20 4715
springboot配置application.yml，这里最大文件设置默认是1MB，可以修改设置大一点，避免出现文件大小受限的错误。点击上传之后，可以在指定的F:/zp/uploadImageDir目录下看到一个随机名称的图片，为了避免产生上传重名文件导致的问题，在后台重新用UUID重新生成一个随机的文件名来保存。注意：此处使用com.mysql.jdbc.Driver驱动器，启动项目会报一个告警。实现一个前端上传图片到后台服务器指定路径，并将路径存储在数据库中。然后查询数据库，可以看到图片保存的路径。
SpringBoot简单优雅实现图片上传功能（超详细）
热门推荐
BBX__XB的博客
12-11 1万+
最近有一个需求需要实现图片上传，因此，本人找到了一个可以快速实现该功能的插件mini-upload-form。在此记录分享一下使用过程。mini-upload-form的Github跳转将程序从github拉下后，前端页面index.html可简单修改后直接使用，我们的精力主要放在后端实现。MultipartFile是SpringMVC提供简化上传操作的工具类。
springboot项目图片上传
05-31
在 Spring Boot 项目中实现图片上传可以分为以下几个步骤： 1. 在 `pom.xml` 中添加以下依赖： ```xml <groupId>org.springframework.boot <artifactId>spring-boot-starter-web <groupId>org.spring...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值