30/09/2018, 20:39

Laravel với Reactjs lỗi uplaod ảnh

Giúp em với sử dụng Reactjs bị lỗi không upload ảnh trong laravel, trước giờ làm jquery thì ok nay tập qua Reactjs bị lỗi các anh xem giúp em . . .

ĐOẠN CODE REACT JS:

var Image = React.createClass({
getInitialState() { return { image : ' } },
onSubmitForm(e) {
 e.preventDefault();
//let self = this;
//bind(this);
var params = { image: this.state.image }; 

axios.post('category', params ).then((response) => {
	console.log(response);
}).catch((response) => {
	console.log(response);
});
});
},
onChangeImage(e) {
     // e.target.files[0];
		// ReactDOM.findDOMNode(this.refs.image).value;
		// this.refs.image.value
		this.setState({ image : e.target.value });
},
render() {
return (
<div>
<form  encType="multipart/form-data" onSubmit={(e) => this.onSubmitForm(e) }  >

<div className="form-group">
<input type="file" className="form-control"  ref={image}  accept="image/*;capture=camera"
onChange={(e) => this.onChangeImage(e)}   />
			</div>
				
button type="submit" className="btn btn-primary">  Submit  </button>
</form>
</div>
    );
}



ĐOẠN CODE LARAVEL:

public function store(Request $request) {
 /*  if($request->get('image'))
if($request->hasFile('image'))
 $request->file('image')->getClientOriginalName();
 if($request->hasFile('image')) {}
Category::create($request->all())
 */
     
 /*
dùng $request->file('image')->getClientOriginalName(), retrun json 
kiểm tra báo lỗi 500 

 nếu cập nhật dữ liệu lên database cũng báo lỗi 500

 Category::create([
'image' => $request->file('image')->getClientOriginalName()
  ]);
*/

 return response()->json([  'Files' => $request->file('image')->getClientOriginalName() ], 200);

 // dùng $request->get('image') -> trả về đường dẫn file 
 // C:fakepathcamera-questek-sieu-thi-satramart43.jpg   'không báo lỗi'
return response()->json([ 'Files' => $request->get('image')  ], 200);

}
  • Các phần input text tạo dữ liệu lên database thành công , em bị mỗi phần upload file thì báo lỗi 500, đã thêm các thẻ CSRF-TOKEN và meta CSRF-TOKEN giống trong doc larave vẫn lỗi và cũng tắt hẳn CSRF-TOKEN trong middleware, trước em hay dùng jquery thì mọi thứ ổn, em mới tập tành với ReactJS nên bị lỗi và có lên google tìm kiếm nhưng tìm ko thấy cách giải quyết " có lẽ khả năng tìm kiếm trên google của em còn yếu :D", nên post lên đây các anh xem giúp em, em cảm ơn nhiều
Bài liên quan
0