Jquery mobile 如何从设备库打开图像并将其放入<;img>;元素。我正在使用jquery手机
我正在使用J-Query手机。我想在设备库的html页面中的元素中插入图像的位置Jquery mobile 如何从设备库打开图像并将其放入<;img>;元素。我正在使用jquery手机,jquery-mobile,cordova-plugins,hybrid-mobile-app,Jquery Mobile,Cordova Plugins,Hybrid Mobile App,我正在使用J-Query手机。我想在设备库的html页面中的元素中插入图像的位置 我在谷歌上做了很多,但没有找到任何解决方案。请帮帮我。先谢谢你 W3C建议可在此处找到: 一个小例子,可以让你选择一个图像。在台式计算机上,这允许您浏览文件/文件夹以查找图像文件。在智能手机上,您可以浏览图库,如果您有摄像头,您可以直接拍摄照片: <div data-role="fieldcontain"> <label for="image">Select image:</l
我在谷歌上做了很多,但没有找到任何解决方案。请帮帮我。先谢谢你 W3C建议可在此处找到: 一个小例子,可以让你选择一个图像。在台式计算机上,这允许您浏览文件/文件夹以查找图像文件。在智能手机上,您可以浏览图库,如果您有摄像头,您可以直接拍摄照片:
<div data-role="fieldcontain">
<label for="image">Select image:</label>
<input type="file" name="image" id="image" accept="image/*" capture>
</div>
<div id="preview"></div>
<script>
$(document).on("change", "#image", function(e){
var file = $(this)[0].files[0];
if (file.size && file.size > 5242880) {
alert("The image must be less than 5 MB.");
}
var oFReader = new FileReader();
oFReader.readAsDataURL(this.files[0]);
oFReader.onload = function (oFREvent) {
$('#preview').html('<span class="nice">Preview:</span><br/><img src="'+oFREvent.target.result+'" width="250px">');
};
});
</script>
选择图像:
$(文档)。关于(“更改”,“图像”,函数(e){
var file=$(this)[0]。文件[0];
如果(file.size&&file.size>5242880){
警报(“图像必须小于5 MB”);
}
var of reader=new FileReader();
readAsDataURL(this.files[0]);
oFReader.onload=函数(OFRENT){
$('#preview').html('preview:
');
};
});
小提琴:
请注意,如果要永久保存映像,则需要将其发布到服务器脚本。如果您需要一个示例,请告诉我。W3C建议可在此处找到: 一个小例子,可以让你选择一个图像。在台式计算机上,这允许您浏览文件/文件夹以查找图像文件。在智能手机上,您可以浏览图库,如果您有摄像头,您可以直接拍摄照片:
<div data-role="fieldcontain">
<label for="image">Select image:</label>
<input type="file" name="image" id="image" accept="image/*" capture>
</div>
<div id="preview"></div>
<script>
$(document).on("change", "#image", function(e){
var file = $(this)[0].files[0];
if (file.size && file.size > 5242880) {
alert("The image must be less than 5 MB.");
}
var oFReader = new FileReader();
oFReader.readAsDataURL(this.files[0]);
oFReader.onload = function (oFREvent) {
$('#preview').html('<span class="nice">Preview:</span><br/><img src="'+oFREvent.target.result+'" width="250px">');
};
});
</script>
选择图像:
$(文档)。关于(“更改”,“图像”,函数(e){
var file=$(this)[0]。文件[0];
如果(file.size&&file.size>5242880){
警报(“图像必须小于5 MB”);
}
var of reader=new FileReader();
readAsDataURL(this.files[0]);
oFReader.onload=函数(OFRENT){
$('#preview').html('preview:
');
};
});
小提琴:
请注意,如果要永久保存映像,则需要将其发布到服务器脚本。如果你需要一个例子,请告诉我