图片未在春季加载

Question

I'm fresher to spring. I try to add a profile picture. I try to put the path in <img src="...."> . When I inspect the elements, it shows the correct path, but in mouse over the element, its showing an additional url what i highlighted below.

If i change to dashboard, its showing http://localhost:8080/pulseBeatMaster/dashboard/C :\\Users\\Varman\\workspace.....

If i change to feedback, its showing http://localhost:8080/pulseBeatMaster/feedback/C :\\Users\\Varman\\workspace.....

Actually the dashboard,feedback are mapped in controllers

@RestController
@RequestMapping(value="/dashboard")
public class DashboardController {

}

If picture is not clear,

In src path

<img src="C:\\Users\\Varman\\workspace\\.metadata\\.plugins\\org.eclipse.wst.server.core\\tmp1\\wtpwebapps\\pulseBeatMaster\\uploads\\20171025150534.jpg"/>

in mouse over

http://localhost:8080/pulseBeatMaster/dashboard/C:\Users\Varman\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp1\wtpwebapps\pulseBeatMaster\uploads\20171025150534.jpg

I'm trying to sort this problem out for three days using references, but i have filed. Thank in advance

Answer 1

Actually when we load the image it will get relative path, not absolute path . So we need two things.

1) Configuration

public class WebConfig extends WebMvcConfigurerAdapter{

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/uploads/**").addResourceLocations("/uploads/"); // i upload files inside root/uploads folder
    }   
}

2) Get relative path in jsp

<img src="${pageContext.request.contextPath}/uploads/abc.jpg" />