Error when Uploading image

[Jocelyn-AGORO]

I want to upload a file related to an article, but I am getting this error :

"The joined path (C:\fakepath\image.jpg) is located outside of the base path component (C:\Users\PC\PycharmProjects\django_example\media)"

Article Model :

class Article(models.Model):
    name = models.CharField(max_length=255)
    path = models.URLField()
    image = models.ImageField(upload_to='images')

Submit method :

class UploadimageView(UnicornView):
    articles = None
    article: Article = None

    def mount(self):
        self.articles = Article.objects.all()
        self.article = Article()

    def submit(self):
        if self.request.method == 'POST' and self.article.image:
            image = self.article.image
            fs = FileSystemStorage()
            filename = fs.save(image.name, image)
            url = fs.url(filename)
            self.article.path = url
            self.article.save()

Form

<form u:submit.prevent="submit"  method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        <label for="article">
            <div>Name</div>
            <input type="text" name="article" id="article" u:model="article.name">
        </label>
        <label for="image">
            <div>Image</div>
            <input type="file" name="image" id="image" u:model="article.image">
        </label>
        <button>Add Article</button>
    </form>

[adamghill]

I've never tried uploading before. However, C:\fakepath\image.jpg is a security feature of browsers. You might need to string replace C:\fakepath\ with something else to get it working.

I do have a draft PR to make this easier in the future, but I never finished it completely.