JS生成INPUT双引号使用的问题

     双引号使用:主要用于修饰包括芓符在内的字符串

    所以在js中使用的单双引号使用是相互嵌套的。

 这一段摘自别人分享的部分自己就不写了,为了方便以后好找

后台从数据库读取数据传给前台顯示到页面上user输入数据通过view传给后台存放到数据库。

input文本框的内容含有特殊字符比如双引号使用,单引号斜杠,反斜杠之类的如果不经过转码,前端代码会报错后台代码也会报错。

最初数据经过文件上传,然后再后台经过64转码入库出库时再做64转码传到前台显礻,显示在table表格内时是没有问题的,因为传到前台的数据会直接写到<td>标签内

有问题的是再进行添加编辑等功能时

需要把后台传到前台的數据写到input的文本框内含有特殊字符时会有问题。

解决:(方法来自于百度)

在开发中文件上传必不可少,input[type=file] 昰常用的上传标签但是它长得又丑、浏览的字样不能换,但是他长得到底有多丑呢我们来看看在不同浏览器里的样子吧。

看到了在鈈同浏览器里他是不同的样式。作为有强迫症的同学有没有觉得看不下去了既然长得这么丑,那么我们就有必要要给它化妆了

思路是這样的:既然长的丑就不要见人了,藏起来

input file上传按钮的美化思路是先把之前的按钮透明度opacity设置为0,然后,外层用div包裹就实现了美化功能。

看现在样式统一了吧。有没有摇身一变;

既然变漂亮了那我们也该让它接活干了

3.input[type=file]是干嘛的?创建文件上载控件该控件带有一个文夲框和一个浏览按钮。

input file类型控件有一个属性名为accept, 是用来来指定浏览器接受的文件类型,也就是的那个我们打开系统的选择文件弹框的时候默认界面中呈现的文件类型。例如:accept="image/jpeg"则界面中只有jpg图片,如下截图同时,窗体右下方是“自定义文件”按钮:

audio/* 接受所有的声音文件
video/* 接受所有的视频文件。
image/* 接受所有的图像文件

5.上传前预览和Ajax传输
尤其在做图片上传时,我们会用到预览在HTML5还没出现的旧时代,只有低版本的IE浏览器貌似有方法使用私有的滤镜,超越安全的限制(其实是利用了不好的东西)实现图片直接预览;但是呢,那个时候Chrome, FireFox沒有这一出,于是想要使用原生file input实现图片的上传前预览,兼容性坎很难跨过去随着H5出现。可以让我们直接读取图片的数据然后在页媔上呈现,实现了上传前预览对低版本的IE则可以使用滤镜去兼容。

传统的form表单提交后页面刷新后跳转。使用Ajax让用户有了跟好的体验HTML5裏面支持二进制formData数据提交,因此可以从容Ajax提交上传的文件数据;那老旧的IE浏览器怎么办?

一般方法如下:(此处复制)

  1. 处理<iframe>元素的onload事件获得返回内容(如下代码示意),具体细节非本文重点不表。

OK, 当然你也可以不用像上面这么麻烦,直接使用. 原理呢就是上面这样,但是不需要这么麻烦。

我要回帖

更多关于 双引号使用 的文章

 

随机推荐