问托管在heroku上的Nodejs应用程序未能在本地主机上创建产品--它做得很好

EN

<header id="details-header">
        <h5><a href="/">Go back to Home</a></h5>
        <p></p>
    </header>
    <div class="registration-form">
        <form class="form custom__form" enctype="multipart/form-data">
            <div class="form-icon">
                <span><i class="fa-light fa-money-check-pen"></i></span>
            </div>
            <div >
                <p>Add image</p>
                <div class="custom__image-container">
                <label id="add-img-label" for="add-single-img">+</label>
                <input type="file" id="add-single-img" accept="image/jpeg" />
                </div>
                <input type="file" class="item form-control" id="image-input" name="profile-files" accept="image/jpeg" multiple />
            </div>
            
            <div class="form-group">
                <input type="text" class="form-control item" name="title" id="title" placeholder="Title" required>
            </div>
            <div class="form-group">
                    <textarea type="text" id="body" name="body" class="form-control item" autocomplete="off" placeholder="Enter the product description"></textarea>
            </div>
            <div class="form-group">
                <select name="category" id="category" class=" form-control item">
                        <option value="">Select a category :</option>
                        <option value="beds and mattresses">Beds &amp; mattresses</option>
                        <option value="chairs and tables">Chairs &amp; Tables</option>
                        <option value="laptops and phones">Laptops &amp; Phones</option>
                        <option value="appliances and electronics">Appliances &amp; electronics</option>
                        <option value="clothing">Clothing</option>
                        <option value="services and foods">Services &amp; Foods</option>
                        <option value="medical equipment">Medical Equipment</option>
                </select>
            </div>
            <div class="form-group">
                <input type="text" class="form-control item" name="price" id="price" placeholder="Price e.g 20000" required>
            </div>
            <div class="form-group">
                <input type="text" class="form-control item" name="location" id="location" placeholder="Location" required>
            </div>
            <div class="form-group">
                <input type="text" class="form-control item"  name="phone-number" id="phone-number" placeholder="Phone Number e.g 0754536336" required>
            </div>
            <div class="form-group">
                <input type="text" class="form-control item"  name="displayname" id="displayname" placeholder="Your name users will see" required>
            </div>
            <div class="form-group">
                <input type="submit" value="Post Ad" class="btn btn-block create-account">
            </div>
        </form>

const title = document.getElementById('title')
const body = document.getElementById('body')
const price = document.getElementById('price')
const locationText = document.getElementById('location')
const phone = document.getElementById('phone-number')
const category = document.getElementById('category')
const displayname = document.getElementById('displayname')

const imgInputHelper = document.getElementById("add-single-img");
const imgInputHelperLabel = document.getElementById("add-img-label");
const imgContainer = document.querySelector(".custom__image-container");
const imgFiles = [];

const addImgHandler = () => {
const file = imgInputHelper.files[0];
if (!file) return;
// Generate img preview
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = () => {
const newImg = document.createElement("img");
newImg.src = reader.result;
    imgContainer.insertBefore(newImg, imgInputHelperLabel);
};
// Store img file
imgFiles.push(file);
// Reset image input
imgInputHelper.value = "";
    return;
};
imgInputHelper.addEventListener("change", addImgHandler);

const getImgFileList = (imgFiles) => {
const imgFilesHelper = new DataTransfer();
imgFiles.forEach((imgFile) => imgFilesHelper.items.add(imgFile));
return imgFilesHelper.files;
};

const customFormSubmitHandler = (ev) => {
ev.preventDefault();
const firstImgInput = document.getElementById("image-input");
firstImgInput.files = getImgFileList(imgFiles);
// submit form to server, etc
fileUpload(firstImgInput.files);
window.location.href='/dashboard'
};

document
.querySelector(".custom__form")
.addEventListener("submit", customFormSubmitHandler);

// Function that handles file upload using XHR
const fileUpload = (files) => {

// Create FormData instance
const fd = new FormData();

// Iterate over all selected files
Array.from(files).forEach(file => {
    fd.append('product-file', file);
});

fd.append('title', title.value)
fd.append('body', body.value)
fd.append('price', price.value)
fd.append('location', locationText.value)
fd.append('number', phone.value)
fd.append('category', category.value)
fd.append('displayname', displayname.value)

// Create XHR rquest
const xhr = new XMLHttpRequest();

// Log HTTP response
xhr.onload = () => {
    // console.log(xhr.response);
    console.log('success')
};

// Send XHR reqeust
xhr.open('POST', `/products`);
xhr.send(fd);

};

//@desc Process add form
//@route POST /products
router.post('/products', ensureAuthenticated, upload.array("product-file"), async (req, res) => { 
        
        // var locaFilePath = req.file.path;
        // var result = await uploadToCloudinary(locaFilePath);
        // console.log(result)
        // console.log(req.file)

        var imageUrlList = [];
  
        for (var i = 0; i < req.files.length; i++) {
            var locaFilePath = req.files[i].path;
            var result = await uploadToCloudinary(locaFilePath);
            imageUrlList.push(result.url);
        }
            
        try {
            let product = new Product({
                title: req.body.title,
                body: req.body.body,
                image1: imageUrlList[0],
                image2: imageUrlList[1],
                image3: imageUrlList[2],
                price: req.body.price,
                category: req.body.category,
                phone_number : convertNumberToInternational(req.body.number.trim()),
                location: req.body.location,
                name: req.body.displayname,
                user: req.user.id,

            })
        await product.save()
        // req.body.user = req.user.id
        // await Product.create(req.body)
        res.redirect('/dashboard')
    } catch (err) {
        console.error(err)
        res.render('error/500')
    }
})