youtobelxz 2024-02-26 17:57 采纳率: 45.8%
浏览 2

iframe嵌套网页问题

img


iframe里上传文件的时候，会弹出右下角的框，该怎么去掉，用了sandbox也没有任何反应

  • 写回答

3条回答 默认 最新

  • 码农阿豪@新空间 新星创作者: 前端开发技术领域 2024-02-26 18:02
    关注
    让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如需一对一服务私聊我哦
    问题：如何去掉iframe上传文件时弹出的右下角框？ 解答：
    1. 使用Chrome开发者工具等调试工具，检查右下角框所在的元素和CSS属性
    2. 在iframe标签中添加属性： allowtransparency="true"
    3. 在CSS样式表中添加代码： #uploadBox { display: none !important; } 代码如下： HTML：
    <iframe src="upload.html" allowtransparency="true"></iframe>

    CSS：

    #uploadBox { 
    display: none !important; 
}

    案例： HTML：

    <!DOCTYPE html>
<html>
<head>
	<title>Upload page</title>
</head>
<body>
	<form action="upload.php" method="post" enctype="multipart/form-data">
		<label for="file">Select a file to upload:</label>
		<input type="file" name="file" id="file">
		<input type="submit" name="submit" value="Upload">
	</form>
</body>
</html>

    CSS：

    #uploadBox { 
    display: none !important; 
}

    注意：此处为示例代码，实际应用中请根据具体情况进行修改。同时，为了确保上传功能正常工作，请勿随意修改其他代码。

    评论

报告相同问题？

问题事件

  • 创建了问题 2月26日