not getting images

surya

hello i am not getting product images, but the data is displaying in console contains image name do i need to change any path

Spurtcommerce

Hi surya, Can you please share the demo link for your site. or please post your console error stack

surya

Spurtcommerce or please tell me what should put in development.json file

surya

Spurtcommerce hello i have another doubt in local where u guys storing the uploaded images

surya

Spurtcommerce this is what i have in {development.json} file

{
"api": {
"storeUrl": "http://localhost:8000/api/"
},
"paths": {
"imagesRoot": "assets/images/",
"userImageFolder": "assets/images/users/"
},
"resize": {
"imageUrl": "http://localhost:8000/api/"
}
}

surya

Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
2localhost/:1 Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:1 GET http://localhost:4444/src/assets/images/?width=560&height=560&path=banner/&name=banner1.jpeg 404 (Not Found)
Image (async)
loadImage @ swiper.js:3461
(anonymous) @ swiper.js:6319
each @ swiper.js:529
loadInSlide @ swiper.js:6310
load @ swiper.js:6397
transitionEnd @ swiper.js:6491
(anonymous) @ swiper.js:1103
(anonymous) @ swiper.js:1102
emit @ swiper.js:1096
transitionEnd$1 @ swiper.js:1946
transitionEnd @ swiper.js:2066
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1577
localhost/:1 GET http://localhost:4444/src/assets/images/?width=560&height=560&path=banner/&name=banner1.jpeg 404 (Not Found)
localhost/:1 GET http://localhost:4444/src/assets/images/?width=560&height=560&path=banner/&name=banner2.jpeg 404 (Not Found)
Image (async)
loadImage @ swiper.js:3461
(anonymous) @ swiper.js:6319
each @ swiper.js:529
loadInSlide @ swiper.js:6310
load @ swiper.js:6397
transitionEnd @ swiper.js:6491
(anonymous) @ swiper.js:1103
(anonymous) @ swiper.js:1102
emit @ swiper.js:1096
transitionEnd$1 @ swiper.js:1946
transitionEnd @ swiper.js:2066
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1577
localhost/:1 GET http://localhost:4444/src/assets/images/?width=560&height=560&path=banner/&name=banner2.jpeg 404 (Not Found)
localhost/:1 GET http://localhost:4444/src/assets/images/?width=560&height=560&path=banner/&name=banner3.jpeg 404 (Not Found)
Image (async)
loadImage @ swiper.js:3461
(anonymous) @ swiper.js:6319
each @ swiper.js:529
loadInSlide @ swiper.js:6310
load @ swiper.js:6397
transitionEnd @ swiper.js:6491
(anonymous) @ swiper.js:1103
(anonymous) @ swiper.js:1102
emit @ swiper.js:1096
transitionEnd$1 @ swiper.js:1946
transitionEnd @ swiper.js:2066
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1577
localhost/:1 GET http://localhost:4444/src/assets/images/?width=560&height=560&path=banner/&name=banner3.jpeg 404 (Not Found)
localhost/:1 GET http://localhost:4444/src/assets/images/?width=560&height=560&path=banner/&name=Img_1550114251498.jpeg 404 (Not Found)
Image (async)
loadImage @ swiper.js:3461
(anonymous) @ swiper.js:6319
each @ swiper.js:529
loadInSlide @ swiper.js:6310
load @ swiper.js:6397
transitionEnd @ swiper.js:6491
(anonymous) @ swiper.js:1103
(anonymous) @ swiper.js:1102
emit @ swiper.js:1096
transitionEnd$1 @ swiper.js:1946
transitionEnd @ swiper.js:2066
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
invokeTask @ zone.js:1540
globalZoneAwareCallback @ zone.js:1577
localhost/:1 GET http://localhost:4444/src/assets/images/?width=560&height=560&path=banner/&name=Img_1550114251498.jpeg 404 (Not Found)

Spurtcommerce

surya
http://localhost:4444/src/assets/images/?width=560&height=560&path=banner/&name=Img_1550114251498.jpeg
in this path is wrong

surya

i am also facing problem with image uploading

Spurtcommerce

surya

All the images are stored inside in api > uploads folder.

Spurtcommerce

surya
Okay surya. but before you check your node api server.

surya

Spurtcommerce so what is the path that i need to put in development.json

Spurtcommerce

surya HI, you can run the node server and get the url and port ,

that image url should be below

"resize": { "imageUrl": "http://localhost:8000/api/media/image-resize" }

surya

Spurtcommerce i put that path in development.json but i got a ( 500 internal server error) , in node i was getting error like this"
Dim260260
Dim260260
Pathproduct/
filenameImg_1550086357282.jpg
ext jpg
D:\ecommerce project\Spurtcommerce-alpha-community\api\uploads\product\Img_1550086357282.jpg error:[api:middlewares\ErrorHandlerMiddleware] Error {"0":"Error:Stream yields empty buffer\n at Socket. <anonymous> (D:\ecommerce project\Spurtcommerce-alpha-community\api\node_modules\gm\lib\command.js:57:17)\n at Socket.emit (events.js.194.15)\n at Socket.EventEmitter.emit (domain.js.441:20)\n at endReadableNT (stream_readable.js:1103:12)\n at process.tickCallback (internal/process/next_tick.js:63:19)"}

info:[api:middlewares] GET /api/media/image-resize?width=560&height=560&path=banner/&name=1banner4.jpg 500 472.196 ms -483

Spurtcommerce

surya

Please install this dependency software. it will works fine

sudo apt-get install imagemagick

surya

Spurtcommerce D:\ecommerce project\Spurtcommerce-alpha-community-v2.0.0\Spurtcommerce-alpha-community-v2.0.0\api>npm install imagemagick --save --g

imagemagick@0.1.3
updated 1 package in 2.571s

but it shows the same error what to do please help

vijayalakshmi

for getting resized image u need to install imagemagick and graphicMagick in your OS, if you are using windows means follow this links for installing imagemagick and graphicmagick
http://www.besavvy.com/documentation/4-5/Editor/031350_installimgk.htm
http://www.graphicsmagick.org/INSTALL-windows.html
I think this may help u...

dak

image-resize:1 GET http://localhost:8000/api/media/image-resize?width=80&height=80&path=manufacturer/&name=Img_1557142652359.png 500 (Internal Server Error)

Same 500 errors with all images files in Store app

Francis

hello @dak,
In which operating system you are running your project and send us the exact console error that you are facing.