Tengo un botón en mi interfaz que le permite al usuario actualizar su foto de perfil (usando la API de Cloudinary), y básicamente llamo a mi solicitud de publicación de nodejs y le paso los datos de los usuarios para que pueda consultar la base de datos y actualizar la URL de la foto de perfil. funciona muy bien, pero no redirige/representa la página después de llamar a esa función.
aquí está mi interfaz (con Cloudinary y js)
<input type="hidden" name="" id="employee_num" value="<%= data[i].EMPLOYEE_NUM %>"> <script src="https://widget.cloudinary.com/v2.0/global/all.js" type="text/javascript"></script> <script type="text/javascript"> var myWidget = cloudinary.createUploadWidget({ cloudName: 'xxx', uploadPreset: 'xxx'}, (error, result) => { if (!error && result && result.event === "success") { console.log('Done! Here is the image info: ', result.info); console.log(result.info.secure_url) var result_url = result.info.secure_url; console.log("result url is " + result_url) document.getElementById("url").value = result_url; var employee_num = document.getElementById('employee_num').value; fetch('/changeProfileImage', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ result_url, employee_num }) }) } } ) document.getElementById("upload_widget").addEventListener("click", function(){ myWidget.open(); }, false); </script> ahora a continuación está mi función nodejs para la solicitud posterior /changeProfileImage
app.post('/changeProfileImage', (req, res) => { if (req.session.loggedin) { var employee_num = req.body.employee_num; var url = req.body.result_url; console.log("e " + employee_num) console.log("u " + url) var changeProfileImage = "update EMPLOYEES set (PROFILE_IMAGE)= '" + url + "' where EMPLOYEE_NUM = '" + employee_num + "'"; ibmdb.open(ibmdbconnMaster, function (err, conn) { if (err) return console.log(err); conn.query(changeProfileImage, function (err, rows) { if (err) { console.log(err); } res.redirect('/account'); conn.close(function () { }); }) }) } else { res.render('login.ejs') } })perdóname por el código desordenado, pero arriba está todo lo que se necesita. básicamente dice en mi consola que actualizó todo y se realizó con éxito, lo cual es cierto, pero nunca se actualiza. ¿algunas ideas?
El problema es que está realizando una llamada AJAX, por lo que js está realizando la solicitud HTTP al servidor y no es toda la página, por lo que debe hacerlo manualmente en la devolución de llamada de la búsqueda:
fetch('/changeProfileImage', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ result_url, employee_num }) }).then(response => { if (response.redirected) { window.location.href = response.url; })