<input class="weui_uploader_input" name='image' type="file" accept="image/*" multiple />
//上传控件,选择后更改背景图
<script>
$("input[type='file']").change(function(){
var file = this.files[0];
if (window.FileReader) {
var reader = new FileReader();
reader.readAsDataURL(file);
//监听文件读取结束后事件
reader.onloadend = function (e) {
$(".weui_uploader_file").css("background-image","url("+e.target.result+")");
//e.target.result就是最后的路径地址
};
}
});
</script>
如何获取input type=file的路径
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- js: document.getElementById("input").files[0] jquery: $('...
- 比如有个需求,是点击一个按钮进行上传图片. 如何实现这个效果呢? 我的做法是 给input外层 裹上一层div...
- 1.这里主要利用了一个知识点,就是label for属性会将点击事件传递给input框,* display:no...
- mui 框架自带的 Setting 模板会自动创建获取头像图片相关的功能,例如通过拍照或从手机相册中选择。 拍照:...