홈>
이미지와 함께 양식을 보내려고합니다. 참고 : 이미지를 데이터베이스에 저장하지 않고 서버에서 만든 폴더에 저장하고 데이터베이스에 이미지 링크를 추가하고 싶습니다. p>
서버 측에서는이 작업을 처리하는 방법을 알고 있지만 글꼴 끝에서는이를 수행하는 방법을 모릅니다. 즉, axios를 사용하여 이미지를 서버로 어떻게 보낼 수 있습니까?
<template>
<input type="text" class="form-control" id="specdesc" v-model="product.specdesc" name="specdesc" placeholder="Enter your name">
<input type="file" name="image" id="image" accept="image/*" >
<button type="submit" class="btn btn-sm btn-primary"@click.prevent="Submit()"> Submit</button>
</template>
<script>
export default {
name: 'Addproduct',
data(){
return{
image: '',
product:{
specdesc:'',
},
}
},
methods:{
Submit(){
var _this=this
//console.log(this.image)
console.log(this.selectedCategory.category_name)
var product= {
specification:this.product.specdesc,
imagename:this.image
}
this.$http.post('http://localhost:3000/api/companyproducts',product)
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log("error.response");
});
}
},
}
</script>
이제 내 질문은 axios를 사용하여 이미지와 입력 이름을 업로드하는 방법입니다. 또한 동일한 방법, 즉 var product
를 사용하여 보내고 싶습니다.
관련 자료
- expo - Multer로 노드 서버에 네이티브 이미지 업로드 반응
- android - rxJava를 사용하여 AWS 서버에 여러 이미지 업로드
- c# - 더 나은 성능을 위해 ParallelForEach 루프를 사용하여 SFTP 서버에 파일을 업로드하는 방법
- node.js - Azure Functions Node를 사용하여 Azure Blob Storage에 파일을 업로드 할 수 없음
- reactjs - react js에서 axios를 사용하여 본문이 비어있는 API에서 헤더를 보내는 방법?
- html - 섹션을 사용하여 배경 이미지를 다른 이미지 아래에 배치하는 방법은 무엇입니까?
- vue.js - vuetify 이미지 업로드 미리보기
- http - Google API를 사용하여 YouTube에 동영상을 업로드하는 방법 도서관없이
- html 및 css를 사용하여 div의 텍스트 옆에 로고 이미지 추가
- javascript - 캔버스를 사용하여 이미지를 바둑판 식으로 배열하는 가장 효율적인 방법은 무엇입니까?
- web scraping - 수프를 사용하여 이미지 긁기
- datetime - 파이썬에서 PIL을 사용하여 이미지에 텍스트를 중앙에 배치하고 for 또는 while 루프에서 다른 이름으로 이미지를 저장하려면 어떻게해야합니까?
- node.js - 미들웨어 기능없이 multer를 사용하여 S3에 업로드
- vue.js - Dropzone과 함께 Laravue를 사용하여 파일을 업로드하는 방법
- css - requirecontext를 사용하여 반응 js에 이미지가 표시되지 않음
- javascript - 이미지 업로드시 오류 413 페이로드가 너무 큼
- c# - Opencv를 사용하여 이미지를로드하고 C ++ dll을 통해 Unity에 전달하려면 어떻게해야합니까?
- SQL Server에서 한정 row_number를 사용하여 데이터를 필터링하는 방법
- HTML CSS - html css - css를 사용하여 이미지로 클래스를 정의 할 수 있습니까?
- PHP를 사용하여 FTP 서버에서로드 된 XML에 새 노드를 저장하는 방법
관련 질문
- javascript : vue의 데이터 속성에 할당 한 후 axios 응답이 Proxy Object로 변환됩니까?
- vue.js : 뮤 테이션과 액션은 현재 데이터를 가지고 있지만 게터와 상태 데이터를 가지고 있습니다. 동시에 업데이트되지 않는데 어떻게 해결할 수 있나요?
- javascript : Axios 인터셉터는 원래 요청을 재 시도하고 원래 약속에 액세스합니다.
- javascript : 라우터보기 콘텐츠가 렌더링되지 않음
- Laravel &Vue2를 사용하는 InertiaJS : 속성을 재정의 할 수 없음 : $ inertia
- javascript : 두 배열에 드래그 가능한 구성 요소가있는 단일 Vue 목록
- vue.js : Vue Mixin-데이터 속성 처리
- vue.js : 구성 요소간에 데이터를 공유하는 방법 Vue js
- vue.js : vue js에서 동시에 여러 axios 요청을 얻는 방법은 무엇입니까?
- vue.js : Vue 3 : 부분적인 사용자 지정 텍스트를 사용하여 ID 속성을 변수와 바인딩