社区
JavaScript
帖子详情
文件上传,设置input file 的value,有什么好的解决方案?
ludingping
2011-11-28 03:02:18
我想做一个在线编辑器,我发文章,其中别人给过来的文件是doc之类的文件,我用wps打开文件,然后复制,再粘贴。
然后,wps会生成图片的临时文件存放到临时目录中,我可以读到文件的路径,
现在遇到一个问题,我设置不了input file 的value值。用ajax上传上去,没数据。真苦恼。
不知道有没有好的解决方案。
由于编辑器是内部或受过培训人员使用,所以可以考虑其他便于操作的解决方法。谢谢。
...全文
202
7
打赏
收藏
文件上传,设置input file 的value,有什么好的解决方案?
我想做一个在线编辑器,我发文章,其中别人给过来的文件是doc之类的文件,我用wps打开文件,然后复制,再粘贴。 然后,wps会生成图片的临时文件存放到临时目录中,我可以读到文件的路径, 现在遇到一个问题,我设置不了input file 的value值。用ajax上传上去,没数据。真苦恼。 不知道有没有好的解决方案。 由于编辑器是内部或受过培训人员使用,所以可以考虑其他便于操作的解决方法。谢谢。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
默默不得鱼
2011-11-29
打赏
举报
回复
[Quote=引用 6 楼 ludingping 的回复:]
谢谢一楼,楼上的各位说的我都知道,我用js动态创建input标签,就是遇到这个问题,不能设置file的value,也没就不能设置路径。设置进去也是无效的。好像浏览器不允许这样。
<p style="MARGIN-TOP: 0pt; MARGIN-BOTTOM: 0pt" class="p0">
<img alt="" src="file:///C:/Users/ADMINI~1/App……
[/Quote]是你的路径不对吧c:\Users\ADMINI~1\App
ludingping
2011-11-29
打赏
举报
回复
谢谢一楼,楼上的各位说的我都知道,我用js动态创建input标签,就是遇到这个问题,不能设置file的value,也没就不能设置路径。设置进去也是无效的。好像浏览器不允许这样。
<p style="MARGIN-TOP: 0pt; MARGIN-BOTTOM: 0pt" class="p0">
<img alt="" src="file:///C:/Users/ADMINI~1/AppData/Local/Temp/ksohtml/wps_clip_image-15626.png" width="554" height="371" />
</p>
$("#upFileInput").val(getValue);
只有其他办法了。
liangws
2011-11-28
打赏
举报
回复
楼主试试隐藏表单提交路径吧
默默不得鱼
2011-11-28
打赏
举报
回复
现在富文本编辑里的图片上传貌似都是弹窗 上传服务器 然后隐藏的文本框里直接就是服务器上的url了
显示内容的div里直接<img src="服务器端url"
MuBeiBei
2011-11-28
打赏
举报
回复
或者写个隐藏表单,然后提交~·
楼上的也行~·隐藏iframe~`
默默不得鱼
2011-11-28
打赏
举报
回复
根本就不存在ajax上传 无刷新上传都是用的iframe 看起来跟无刷新一样
hookee
2011-11-28
打赏
举报
回复
用第三方的AcrtiveX组件,比如 XFile之类的
免费的 WebOfffice也有类似功能。http://www.dianju.cn/p/weboffice/
它的后台程序可以用一般上传的程序,没区别。
js清空
input
file
的
value
值
在实现上传图片功能时,若第二次选择相同图片,onchange事件不会触发。原因在于文件路径未改变。为解决此问题,可以采取在创建img后重置
file
的
value
为空字符串或使用outerHTML重置的方法。但由于浏览器安全机制,只能将
file
的
value
设为空字符串。
解决
input
type=
file
同一个文件二次上传无效的问题
本文详细解析了在使用
input
[type=
file
]进行
文件上传
时,遇到的重复上传同一文件导致的上传失败问题。通过深入探讨触发机制,提出了
解决方案
,即在上传完成后清空
input
的
value
值,确保每次上传都能正确触发。
【HTML 教程系列第 22 篇】 HTML 中的
input
标签,看这一篇就够了
本文详细介绍了HTML中
input
标签的用法,包括text、password、radio、checkbox、button、submit和reset六种type属性的取值及其效果。通过实例展示了各类型
input
标签的属性
设置
,如
value
、size、maxlength等,并探讨了它们在表单交互中的作用。此外,还提到了
文件上传
功能的
file
类型。内容涵盖了
input
标签的基本概念、语法和常见应用,是HTML初学者的参考资料。
HTML
input
type=“
file
“
本文详细介绍了 HTML 中
input
type=“
file
”的相关内容。它允许用户从设备选择文件,可上传到服务器或用 JS 操作。阐述了
value
值、required、accept 等属性,还介绍了唯一文件类型说明符、事件,以及基本功能使用、获取文件信息、限制文件类型等常用操作和
文件上传
应用,最后提及注意事项和浏览器兼容。
input
file
onchange事件不触发(第二次上传同名文件)/
文件上传
也可参考
本文详细解释了如何通过重置
input
元素的
value
属性,解决在使用onchange事件监听
文件上传
时,同一
文件上传
不触发事件的问题。通过在上传完成后清空
input
的值,确保即使上传相同文件也能重新触发事件。
JavaScript
87,989
社区成员
224,684
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章