Html 为测试设置img src占位符

有没有一种方法可以添加一个不带图像的img标记，但带有占位符标记或属性，或者使用css 出于测试目的：激活javascript或css等。

您可以使用：

只需输入尺寸，您就可以开始了。例如：

---

然后，您可以添加CSS或使用JS处理此问题。是的，这是可能的。以下是一个例子：

（函数（$）{
$（文档）.ready（函数（）{
$（'#path'）.change（function（）{
$（'#img'）.attr（'src'，$（this.val（））；
});
});
})（jQuery）

图像路径：
您可以使用base64映像

请通过以下链接了解更多信息，并检查代码snipet




正文{
背景色：#EFEF；
填充：10px；
}
div#缩略图框{
边框：1px实心#999；
边界半径：10px；
浮动：左；
右边距：10px；
填充：1px；
}
img{
内容：网址数据数据：图像/png；Bas64，IVBoRoWeWeWeWeWeWeWeWeWeWeWeWeWeWeWe数据：数据数据：图像/数据：图像/巴数据：图像/数据：数据：数据：图像/巴巴巴巴巴巴巴巴尼；基础64，基础64，IBoBoWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeAAAAAAAAAAAA数据：数据数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：图像数据：数据：图像数据：图像数据：图像数据：图像数据：图像/数据：数据：图像/数据：图像/数据：数据：图像/数据：数据：图像/数据：图像/数据：图像/数据：图像/数据：图像/巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴YJNR4x697月6日，一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的十十十十十十十十年的一个新的一个新的十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十2NB5MG0GQ/52.一个视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频ZZLJGMDS2.这个词的意思是一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个//（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2）2（2）2（2）2（2）2（2）2）2（2）2（2）2）2（2）2）2（2）2）2）2（2）2（2）2（2）2）2（2）2）2（2）2）2（2）2）2）2（2）2（2）2）2）2（2）2（2）2）2）2）2（2）2（2）2）2（2）2）2）2（2）2（2）2）2）2（2）2）2）2（2）2（2）2）2）2（2）2）2）31ACASHL2ON7xMDKPfilixxGTXSHFQ9DESU4TONW0T9A1QYJFKDCwF47NVTEEL64JWMFGVPVCM3R018KUG3LBWL3EPMDF9GFWMARNUQA1GCOM/422uEB7Ve32so8SXdQMHwN9d5t4v50MFtyD3i8tzw+LX6LB1BT98MYNJOFEPZNOQNDJ+GNKON613VBFWW1WJJPNRBA9/HULWW45VJ+XSYCVTS38KOHA754AAAAAAAAAAW7AAAAAAAAAAW8AAW7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W7W
}
div#缩略图{
边界半径：10px；
高度：167px；
宽度：250px；
背景图片：url数据数据：图像/png；Bas64，IVBoRoWeWeWeWeWeWeWeWeWeWeWeWeWeWeWe数据：数据数据：图像/数据：图像/巴数据：图像/数据：数据：数据：图像/巴巴巴巴巴巴巴巴尼；基础64，基础64，IBoBoWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeWeAAAAAAAAAAAA数据：数据数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：数据：图像数据：数据：图像数据：图像数据：图像数据：图像数据：图像/数据：数据：图像/数据：图像/数据：数据：图像/数据：数据：图像/数据：图像/数据：图像/数据：图像/数据：图像/巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴YJNR4x697月6日，一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的一个新的十十十十十十十十年的一个新的一个新的十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十十2NB5MG0GQ/52.一个视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频视频ZZLJGMDS2.这个词的意思是一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个单词，一个//（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2（2）2）2（2）2（2）2（2）2（2）2）2（2）2（2）2）2（2）2）2（2）2）2）2（2）2（2）2（2）2）2（2）2）2（2）2）2（2）2）2）2（2）2（2）2）2）2（2）2（2）2）2）2）2（2）2（2）2）2（2）2）2）2（2）2（2）2）2）2（2）2）2）2（2）2（2）2）2）2（2）2）2）31ACASHL2ON7xMDKPfilixxGTXSHFQ9DESU4TONW0T9A1QYJFKDCwF47NVTEEL64JWMFGVPVCM3R018KUG3LBWL3EPMDF9GFWMARNUQA1GCOM/422uEB7Ve32so8SXdQMHwN9d5t4v50MFtyD3i8tzw+LX6LB1BT98MYNJOFEPZNOQNDJ+GNKON613VBFWW1WJJPNRBA9/HULWW45VJ+XSYCVTSX38KOHA754V8KHA754A54AAAAAAAAAAAAAAAAAAAAAAAAAAW7W7W7W7W7W7W7JJJJJJJJPNRBA9/XSYCVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAW7；
}

谢谢你的回答，但我想知道是否有一个独立的html解决方案可以让你引用base64图像？@Dhaval给了你一个例子。如果我误解了-请帮助说明什么是“独立html”意思？谢谢你的回答，但我想知道是否有一个独立的html解决方案。对不起，那么我不明白你需要什么。这个问题可能重复。这个问题很广泛，有重复项。应该关闭。@JayBlanchard为什么？这是一个非常具体的问题，与你指出的问题不一样，因为它没有不包括MCVE，不显示任何努力，可以用多种方式回答。阅读一个好问题。当你说“或”时，它失去了具体性。