Estoy usando Reactjs en la interfaz.
Configuré la imagen de perfil para indicar con este código
handleImageChange = (event) => { event.preventDefault(); var file = event.target.files[0]; var reader = new FileReader(); reader.readAsDataURL(file); reader.onloadend = function (e) { this.setState({ profilePicture: e.target.result //don't know how it is working }); }.bind(this); }y puedo obtener una vista previa del archivo de imagen:
<img src={this.state.profilePicture} alt="img"/>Quiero enviar estos datos al servidor:
data = { 'profilePicture': anImageFile,//this.state.profilePicture 'photos': [anotherImage, anotherImage2, anotherImage3], 'personal_info': { 'name': 'User Name', 'anyList': [1,2,3] } }¿Puedo hacerlo usando fetch?
Simplemente puedes hacer esto:
handleImageChange = (event) => { this.setState({profilePicture: event.target.files[0]}); }Función de renderizado
<img src={URL.createObjectURL(this.state.profilePicture)} alt="img"/>Y enviar el objeto de datos tal como es.