程序员经验分享-hwhale

获取输入图像类型选择的图片并加载到图像标签中

2024-05-30

所以，我有一个用于上传 img 文件的输入框。我想要做的是从该数据（或选定的源）中获取数据并将其路由到图像标签的 src 属性中。

像这样的东西：http://jsfiddle.net/QC2c4/ http://jsfiddle.net/QC2c4/

它有点像客户端验证器，用于显示用户将要上传的内容。我知道我需要检查有效的 img 类型的扩展名，.png、.bmp、.png、.tiff 等。

我将如何进行链接过程？


这就是答案，作为额外的奖励，我将图像加载到预览窗格中。关键是拉files[0]更改时来自文件选择器的对象。

http://jsfiddle.net/TbZzH/1/ http://jsfiddle.net/TbZzH/1/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

jQuery

html

FileUpload

image

获取输入图像类型选择的图片并加载到图像标签中 的相关文章

随机推荐

  • 为什么我不应该使用 Flash？

    我多次听说我的网站应该避免使用 Flash 但没有人告诉我这样做的充分理由 我搜索了原因 发现很多不真实的情况 例如 Flash 中的文本无法被搜索引擎索引 或者不一定是真实的或足够重要的 占用更多带宽 JS 等效项会更大还是更小 我的网站

  • PHP 中消息队列和工作系统的有效架构？

    我正在尝试了解我想要在 PHP 应用程序中实现的消息队列模型和作业 我的目标是卸载需要发送到多个第三方 API 的消息 数据 因此访问它们不会减慢客户端的速度 所以将数据发送到消息队列是理想的 我考虑过仅使用 Gearman 来保存 MQ

  • 在 Phonegap 3.x CLI 上构建 android 发布 apk

    如何使用 Phonegap 3 x CLI 在本地构建 Android 应用程序并准备发布 我检查了项目的platforms android目录中生成的bin文件夹 并且只有 debug APK 顺便说一句 我使用这个命令 phonegap

  • 某些设备上的启动画面扭曲

    我在修复 Android 上的启动画面扭曲问题时遇到问题 我正在使用 React Native 请注意 这种情况仅发生在某些设备上 例如 我有一台 Android 版本为 4 2 2 的三星 启动画面不扭曲 而 Android 版本为 8

  • 如何自定义 ASP.Net Core 模型绑定错误？

    我只想从我的 Web API Asp net Core 2 1 返回标准化的错误响应 但我似乎不知道如何处理模型绑定错误 该项目刚刚从 ASP NET Core Web 应用程序 gt API 模板创建 我有一个简单的操作定义为 Route

  • dc lineChart 单击时弹出数据点信息

    我正在尝试检测折线图数据点上的点击 Per this answer dc scatter plot binding onClick event https stackoverflow com a 22772340 1873386 I am

  • 演示如何在 C# 4.0 中使用新的“dynamic”关键字

    这是 4 0 版本中新的 C 未来 称为动态 告诉我如何在我的代码中使用它以及这个未来可以如何帮助我 相关问题 新的 dynamic C 4 0 关键字是否弃用了 var 关键字 https stackoverflow com questi

  • ASP.NET Core 中 AsNoTracking 的模拟或更好的解决方法

    您如何模拟 AsNoTracking 或者是否有更好的解决方法来解决此问题 Example public class MyContext MyContextBase Constructor public MyContext DbContex

  • FastAPI UploadFile 与 Flask 相比慢

    我创建了一个端点 如下所示 app post report upload def create upload files files UploadFile File try with open files filename wb as wf

  • 如何根据键名称反序列化为枚举变体？

    我有两种形式的 JSON Example field 42 A 76 Example field 42 B 110 我想将它反序列化成这样的结构 struct Example field i32 an enum AnEnum where e

  • 使用 Backstack 时 TabLayout ViewPager 未加载 [重复]

    这个问题在这里已经有答案了 我在一个片段中使用 TabLayout 和 viewPager 在选项卡下方的两个片段之间切换 当我单击下部片段之一内的 FAB 时 我会加载一个新片段 用于输入 但是 当我按 后退 按钮时 TabLayout

  • matlab 中的 for 或 while 循环

    我刚刚开始在编程课的 matlab 中使用 for 循环 基本的东西对我来说很好 但是我被要求 使用循环创建一个 3 x 5 矩阵 其中每个元素的值是其行号其列号除以行号和列号之和的幂 例如元素 2 3 的值为 2 3 2 3 1 6 那么

  • 如何知道 glassfish 是什么 - 完整平台或网络配置文件？

    我已经安装了glassfish 我可以跑 asadmin version 它显示了它是什么版本 但如何知道它是 完整平台 还是 Web 配置文件 你可以使用 glassfish4 bin gt asadmin list containers

  • 由于 polyfills.js，Google 地图兼容性 IE11 无法正常工作

    我的应用程序网站在 IE11 上无法正常工作 该网站无法加载 它给我一个空白页面 这是 IE11 上抛出的错误 SCRIPT5005 String expected js 26 286 SCRIPT5022 Exception thrown

  • 使用 Android Exoplayer 调整 Dash 流音量

    我正在尝试设置一个搜索栏来控制 exoplayer 流式破折号实例的级别 我正在使用的设置是演示项目的修改版本 并且无法确定我应该尝试影响搜索栏输出的哪个元素 即如何正确使用 MSG SET VOLUME 等 任何意见将不胜感激 我正在寻找

  • 为什么 Composer 更新需要访问数据库

    我正在使用 Symfony 2 8 并在启动一个简单的composer update命令 这个错误出现在我的开发环境中 我正在使用流浪虚拟机 这是错误 Doctrine DBAL Exception ConnectionException

  • 如何检查侧边栏视图是否已经在主干中渲染？

    通常 用户通过主页进入网站 然后我在那里渲染侧边栏视图 接下来 用户单击链接 路由器呈现另一个视图并替换原始内容视图 侧边栏视图不会重新渲染 当用户在子页面上单击刷新时 侧边栏不会呈现 如何检查视图是否存在并且已渲染 划分责任并坚持下去 不

  • Webpack - 资产大小限制中的警告：以下资产超出了建议的大小限制 (244 KiB)

    当我在生产模式下运行 webpack 时 有资产规模限制 超出 的警告 我怎样才能运行而不出现这个错误 在我的项目中 我包含 css 并且我看到 webpack 构建中包含一些 node module 目录 但是如果我排除 css 的 no

  • 如何同时有效地运行多个 Pytorch 进程/模型？ Traceback：分页文件太小，无法完成此操作

    背景 我有一个非常小的网络 我想用不同的随机种子进行测试 该网络几乎只使用了我的 GPU 计算能力的 1 因此理论上我可以同时运行 50 个进程来同时尝试许多不同的种子 Problem 不幸的是我什至无法在多个进程中导入 pytorch 当

  • 获取输入图像类型选择的图片并加载到图像标签中

    所以 我有一个用于上传 img 文件的输入框 我想要做的是从该数据 或选定的源 中获取数据并将其路由到图像标签的 src 属性中 像这样的东西 http jsfiddle net QC2c4 http jsfiddle net QC2c4

热门标签