施工技术分区
查看: 732|回复: 9
听众数收听数最后登录注册时间主题精华0积分94帖子
一星助理工程师, 积分 94, 距离下一级还需 6 积分
请问在此网站如何上传文件呢？好东西想与大家共同分享呢
听众数收听数自我介绍
最后登录注册时间主题精华0积分2086帖子
五星工程师, 积分 2086, 距离下一级还需 414 积分
在发贴的时候，下面有个上传附件，点击浏览选择要上传的文件插入文件即可。
听众数收听数最后登录注册时间主题精华0积分94帖子
一星助理工程师, 积分 94, 距离下一级还需 6 积分
回复请教：如何上传文件 沙发 的帖子
好的，非常感谢！
听众数收听数最后登录注册时间主题精华0积分54帖子
一星助理工程师, 积分 54, 距离下一级还需 46 积分
听众数收听数最后登录注册时间主题精华0积分820帖子
三星工程师, 积分 820, 距离下一级还需 130 积分
快点上传。盼望着了
听众数收听数最后登录注册时间主题精华0积分53帖子
一星助理工程师, 积分 53, 距离下一级还需 47 积分
哦，原来如此！
听众数收听数最后登录注册时间主题精华0积分53帖子
一星助理工程师, 积分 53, 距离下一级还需 47 积分
听众数收听数最后登录注册时间主题精华0积分27帖子
技术员, 积分 27, 距离下一级还需 23 积分
哦&&原来如此&&嘿嘿
听众数收听数自我介绍刚做设计没多久，各位大哥大姐请多多照顾最后登录注册时间主题精华0积分16帖子
技术员, 积分 16, 距离下一级还需 34 积分
哦，原来如此
听众数收听数最后登录注册时间主题精华0积分1905帖子
五星工程师, 积分 1905, 距离下一级还需 595 积分
哦，原来如此，搜戴斯乃
8-1(商易宝)
8-2(英才网)
8-3(媒体广告)问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
如何点击a标签, 弹出input file 上传文件对话框 ？？？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
&a href=&###&&添加图片&/a&
&input type=&file& name=&image& class=&hidden& value=&& /&
&/div&css.hidden {
}jquery$('a').on('click', function(e) {
e.preventDefault();
$(this).closest('input[type=file]').trigger('click');
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
用js触发的方法在现代浏览器上都因为安全原因被禁用了，兼容性最好，而且应用最广泛的办法是&a href=&#&&上传图片&/a&
&input type=&file& id=&upload& name=&image& /&将上述html中的上传表单元素的透明度设置为0，然后用它来遮住a标签#upload {
opacity: 0;
z-index: 10;
}然后在css中调整upload的坐标和高宽度，让它恰好遮住链接。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
javascript做不到，需要使用flash或者其他插件silverlight。
同步到新浪微博
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要举报该，理由是：
扫扫下载 App
SegmentFault
一起探索更多未知微信内置的浏览器如何上传文件？
微信浏览器，上传文件，点浏览按钮没反应,微信是最新版本。最新的Android微信5.2版已经可以直接上传了。
按投票排序
分享一下我们团队在微信内置浏览器上的折腾……月初要给一个公司的微信公众平台做一个“美照票选赢大奖”的活动，前端总共俩页面（上传照片、分享投票），不久就把美工的样图做成网页了（不仅是 CSS，原生 &input type="file" /& 的外观、功能封装 也搞定了），各种 PC、移动端浏览器 都测试成功了，可放到微信中实测时就各种坑……以下是 网上搜索文档、团队实战经验的总结，主要基于 Android 4.0+、iOS 6.0+、微信 5.2+ ——过去限制很多的 iOS 版微信 却没出什么大问题，反倒 Android 各版本的适配让我们各种加班较新版本的微信并没有对 HTML 原生文件控件做限制，只是它默认调用 Android 系统自带的 WebView，限制是怎样的取决于相应版本 Android 的官方代码（有说法是出于安全考虑）除了 Android v4.4.2 这个中间版本（小米 3、红米 Note 等机型的出厂系统），其它 v4.x 版本的 WebView 基本都可以使用 原生文件控件若同机安装有 QQ浏览器，微信可以调用它修缮过的内核，就可以正常使用文件控件（但必须在安装 QQ浏览器之后重启微信才行）如有某版本的 WebView 不能用文件控件，它的拦截是在底层进行的，所以 JavaScript 引擎层面并无异常抛出，不会中断程序的执行再分享一段我手写的 Input File 图片友好版 v0.5 的代码（jQuery 插件）——// -------------------------------------------------- //
Input-File 图片友好版
[Based on]
jQuery.Browser.js
( 14:26:30)
// -------------------------------------------------- //
(function (BOM, DOM, $) {
var URL_Object = BOM.webkitURL || BOM.URL || BOM;
$.fn.xImage = function (Type_Filter) {
var $_This = this.find('*').addBack().filter('input[type="file"]');
Type_Filter = Type_Filter || [ ];
$_This.parent().css({
'relative',
'absolute',
'z-index':
.each(function () {
var $_This = $(this);
var $_PreView = $_This.siblings('img, img.PreView').eq(0);
if (! $_PreView.length)
$_PreView = $('&img /&').before($_This);
$_PreView.addClass('PreView').css({
'inline-block',
'max-height':
$(top).height() * (1 / 3),
'max-width':
$(top).width() * (1 / 3)
.on('Ready',
function () {
$_This.css({
$_PreView.position().top,
$_PreView.position().left,
$_PreView.width(),
$_PreView.height()
}).trigger('Ready').on('load',
function () {
$_PreView.trigger('Ready');
.data('clicks', 0).click(function () {
var $_This = $(this);
var Click_Times = $_This.data('clicks');
if ($.browser.mobile && (++Click_Times & 3)) {
BOM.alert("您当前的浏览器无法在本页上传文件……");
return false;
$_This.data('clicks', Click_Times);
.change(function () {
var $_This = $(this).data('clicks', 0);
var iFile = arguments[0].target.files[0];
} catch (iError) {
BOM.alert([
"您当前 浏览器内核 较为古老，暂不支持【图片上传预览】……",
"建议更换为最新版 搜狗、猎豹、傲游 等双核浏览器~"
].join("\n\n"));
$_This.show().siblings('img.PreView').remove();
return true;
var iType = iFile.type.split('/');
if (iType[0] != 'image') {
BOM.alert("您所选的文件不是图片……");
return false;
} else if ($.inArray(iType[1], Type_Filter) & -1) {
BOM.alert([
"此处不能上传", iType[1].toUpperCase(), "格式的图片！"
].join(' '));
return false;
var iReader = new FileReader();
iReader.onload = function () {
$_This.siblings().not('img.PreView, input[type="file"]').hide();
var $_PreView = $_This.siblings('img.PreView');
$_PreView[0].onload = function () {
URL_Object.revokeObjectURL(this.src);
$_PreView[0].src = URL_Object.createObjectURL(iFile);
iReader.readAsBinaryString(iFile);
return this;
self.document,
self.jQuery);
其对应的 HTML 结构是 ——&form method="POST" action="./xxx"&
&div class="ImageBox"&
&input type="file" /&
&span&上传美照&/span&
&button type="submit"&完成&/button&
原生文件上传控件“图片友好化”，
并排除一些服务器处理不了的格式
$('.ImageBox').xImage(['psd', 'webp', 'bpg']);
对于 DOM/JS 层面实在无法直接支持文件控件的，有两种备用方案 ——引导失败的用户在其微信公众平台的主界面消息框中发送图片消息，服务器端做好相应接口支持指导用户下载安装 QQ浏览器并重启微信（微信内下载只有 腾讯应用宝的链接可正常使用，否则就只能再打开一个下载网页并引导用户在其它手机浏览器中打开它去下载）【插件备注】　　若用户多次点开文件选择对话框，但都没选择文件时（即 Change 事件从未触发），本插件可能也会判断为“当前浏览器文件控件被屏蔽”。【参考文章】
最近又发现个问题，有时候选择图片后，会回到上个页面或闪退。有没有遇到过的。
小米和苹果都出现了 点击文件选择框不能出现文件选择框
还有选择文件后立即回到上个页面
解决方法很简单，通过微信窗口上传，根据微信发给你的xml存起来，然后在运用里使用。
微信6.0内置浏览器&input typ="file"&可以打开手机的文件管理器，但是选择文件后原来的页面貌似被刷新了，取不到选择文件的路径，求解释...谢谢
&input type="file" accept="image/jpg,image/jpeg,image/png,image/gif" id="fileImage" multiple="true" name="img"&在input file用multiple属性 ，添加 multiple="true"，微信和手机QQ里可以打开。
有的微信版本里面，上传文件，结果传到服务器的确实一个空文件
不错，正在使用中
android 版微信 html 5 应用，原生态的 type = “file” 上传图片，用户选择图片以后，网页会刷新，同一个页面保存的其他数据，都丢了。。。。。还有，微信内置浏览器，正在填写内容。最小化，显示桌面（或者切换其他程序），回到微信程序，有时候网页就没了。重新打开微信。。。。
有没得解决方案啊
已有帐号？
无法登录？
社交帐号登录