Javascript 存在没有任何输入图像的输入图像字段

Javascript 存在没有任何输入图像的输入图像字段,javascript,html,mjs,Javascript,Html,Mjs,我正在构建一个WebApp,我正在尝试将自己的模型实例添加到默认图像字段的位置,但没有找到任何图像字段 问题 页面显示了ImageField,但我在模板中找不到任何图像字段 models.py class Image(models.Model): user = models.ForeignKey(User,on_delete=models.CASCADE) file = models.ImageField() /*此功能的主模块是外部模块*/ const elements=d

我正在构建一个WebApp,我正在尝试将自己的
模型实例添加到默认图像字段的位置,但没有找到任何图像字段

问题

页面显示了
ImageField
,但我在模板中找不到任何
图像字段

models.py

class Image(models.Model):
    user = models.ForeignKey(User,on_delete=models.CASCADE)
    file = models.ImageField()
/*此功能的主模块是外部模块*/
const elements=document.querySelectorAll('[data js=“filter”]');
if(元素长度){
导入('https://elements.stoumann.dk/assets/js/css-filter.mjs')
。然后(模块=>{
const jsClass=module.default;
elements.forEach(element=>{
新的jsClass(element、element.dataset、预设);
});
})
}
常数预设=[
{
“名称”:“水彩画”,
“说明”:“,
“值”:“url(“#squiggly-1”)亮度(1.3)反转(0.17)饱和(2.6)深褐色(0.25)”,
“价值观”:[
{
“亮度”:1.3,
“反转”:0.17,
“饱和”:2.6,
“乌贼墨”:0.25,
“url”:“url('#squiggly-1')”
}
]
},
{
“名称”:“褪色照片”,
“说明”:“,
“值”:“模糊(0.2px)亮度(1.1)色调旋转(5度)不透明度(0.9)饱和(1.3)深褐色(0.4)”,
“价值观”:[
{
“模糊”:0.2,
“亮度”:1.1,
“色调旋转”:5,
“不透明度”:0.9,
“饱和”:1.3,
“乌贼墨”:0.40
}
]
},
{
“名字”:“老恐怖”,
“说明”:“,
“值”:“url(“#颗粒”)灰度(1)深褐色(0.5)亮度(1.3)反转(0.8)”,
“价值观”:[
{
“url”:“url('#grain')”,
“灰度”:1,
“乌贼墨”:0.5,
“亮度”:1.3,
“反转”:0.8
}
]
},
];

要添加默认图像字段,您可以通过图像路径传递
预览图像的参数。即使您有一个外部js,它也允许您传递自定义参数,并在构造函数执行期间使用它。只需添加属性
数据预览图像
,如下所示或参考:

/*此功能的主模块是外部模块*/
const elements=document.querySelectorAll('[data js=“filter”]');
if(元素长度){
导入('https://elements.stoumann.dk/assets/js/css-filter.mjs)。然后(模块=>{
调试器;
const jsClass=module.default;
elements.forEach(element=>{
新的jsClass(element、element.dataset、预设);
});
})
}
常数预设=[
{
“名称”:“水彩画”,
“说明”:“,
“值”:“url(“#squiggly-1”)亮度(1.3)反转(0.17)饱和(2.6)深褐色(0.25)”,
“价值观”:[
{
“亮度”:1.3,
“反转”:0.17,
“饱和”:2.6,
“乌贼墨”:0.25,
“url”:“url('#squiggly-1')”
}
]
},
{
“名称”:“褪色照片”,
“说明”:“,
“值”:“模糊(0.2px)亮度(1.1)色调旋转(5度)不透明度(0.9)饱和(1.3)深褐色(0.4)”,
“价值观”:[
{
“模糊”:0.2,
“亮度”:1.1,
“色调旋转”:5,
“不透明度”:0.9,
“饱和”:1.3,
“乌贼墨”:0.40
}
]
},
{
“名字”:“老恐怖”,
“说明”:“,
“值”:“url(“#颗粒”)灰度(1)深褐色(0.5)亮度(1.3)反转(0.8)”,
“价值观”:[
{
“url”:“url('#grain')”,
“灰度”:1,
“乌贼墨”:0.5,
“亮度”:1.3,
“反转”:0.8
}
]
},
];


但是如何在
ImageField
的位置添加我的
模型实例
?我的实例名是filename您在哪里定义了这个模型?有什么样的例子我可以参考吗?我已经更新了
模型
先生。我想使用过滤器并将其保存到
数据库
中,我只能通过html访问模型图像实例来完成。好的,你也用python完成了这项工作,我不太熟悉。我认为您需要更新标记并提供python,如果您更新关于如何使用imageField或输入文件类型绑定模型的描述,效果会更好。