标签: image-upload

如果文件夹中的文件名与数据库中的文件名不同,如何显示图像?

我目前正在PHP页面上显示数据库中的文件名.但是,服务器文件夹上的某些文件名具有不同的大小写.因此,数据库可能会说image1.jpg,服务器上的文件名可能以大写字母表示"image1.JPG".这是随机的一些文件.这些文件不会显示.有没有办法可以使用一个功能,以便它可以显示.我们这里讨论的文件超过1000个.所以任何帮助都将受到高度赞赏.

php filenames image image-upload

5
推荐指数
1
解决办法
1220
查看次数

如何在django Web应用程序中上传图像?

我需要让用户在django网络应用上上传图像,但我不知道如何开始以及在views.py或models.py或settings.py中写什么我搜索了答案但没有得到满或逐步回答这个问题(我是django的新手)我在settings.py中提供了MEDIA_ROOT和MEDIA_URL,但在进一步实施时需要帮助

html python django image-upload

5
推荐指数
1
解决办法
8856
查看次数

dropzone.js在angularjs局部视图中不起作用

Dropzone js是一个用于拖放上传的精彩插件.我希望它在我的angularjs项目中实现.

请找到我尝试过的场景

我已经包括在内

<form id="my-awesome-dropzone" action="/target" class="dropzone"></form>
Run Code Online (Sandbox Code Playgroud)

在局部视图内部,执行浏览器标签中的页面本身从DOM中删除.

当我将它包含在index.html页面中时,它正常工作.请让我知道如何在angularjs局部视图中使dropzone工作.

javascript drag-and-drop image-upload angularjs dropzone.js

5
推荐指数
0
解决办法
890
查看次数

如何在 amazon webservice s3 (Android) 中同时上传多张图片?

实际上我需要在亚马逊 s3 服务器中同时上传多张图片。这是我的单个文件上传代码:

TransferObserver transferObserver = transferUtility.upload(
                "selfiesharedev",     /* The bucket to upload to */
                mini_image_path,    /* The key for the uploaded object */
                file,        /* The file where the data to upload exists */
                CannedAccessControlList.PublicRead
        );
Run Code Online (Sandbox Code Playgroud)

android image-upload amazon-web-services

5
推荐指数
1
解决办法
3273
查看次数

angular4图片上传中的图片压缩

save(event: any, type, image_type) {
  this.uploadImageFlag = true;
   const fileList: FileList = event.target.files;
    if (fileList.length > 0) {
        const file: File = fileList[0]
        this.files.set('files', file, file.name)
        const reader = new FileReader();
        reader.onload = (event: any) => {
        this.url2 = event.target.result;
        this.upload = true;
        }
        reader.readAsDataURL(event.target.files[0]);

    }
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
<input id="input"  type="file" accept="image/*" style=" width: 180px;" #files (change)="save($event)" />
Run Code Online (Sandbox Code Playgroud)

我正在使用以下功能上传图像并将其发送到后端。问题是图像大小非常大,需要时间才能到达后端。我看过很多关于如何压缩图像的例子,但我真的不想改变我现有的代码和修改模块,所以有人可以告诉我如何改变这个函数并压缩图像。

image-upload image-compression angular

5
推荐指数
2
解决办法
1万
查看次数

多个图像上传和预览

我正在学习如何上传多个图像并显示他们的预览......

我遇到了以下代码

<html>
<head>
<style>
.input-file-row-1:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.input-file-row-1{
display: inline-block;
margin-top: 25px;
position: relative;
}

#preview_image {
display: none;
width: 90px;
height: 90px;
margin: 2px 0px 0px 5px;
border-radius: 10px;
}

.upload-file-container { 
position: relative; 
width: 100px; 
height: 137px; 
overflow: hidden;   
background: url('images/picplus.png') top center no-repeat;
float: left;
margin-left: 23px;
} 

.upload-file-container-text{
font-family: Arial, sans-serif;
font-size: 12px;
color: #719d2b;
line-height: 17px;
text-align: center;
display: block;
position: absolute; …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery html5 image-upload

4
推荐指数
1
解决办法
4万
查看次数

如何使用 dio 和 mime 类型在 flutter 中使用多部分表单数据上传图像

这是我的代码

void _uploadFile(filePath1, filepath2) async {
    // Get base file name
    String fileName1 = basename(filePath1.path);
    var ij = lookupMimeType(fileName1);
    print('this is $ij');
    print("File base name: $fileName1");
    print(filePath1);
    String fileName2 = basename(filepath2.path);

    try {
      FormData formData = new FormData.fromMap({
        "text": 'hello',
        "productImages": [
          await MultipartFile.fromFile(filePath1.path, filename: fileName1),
          await MultipartFile.fromFile(filepath2.path, filename: fileName2),
        ]
      });

      Response response = await Dio().post("http://192.168.18.25:8080/test",
          data: formData,);
      print("File upload response: $response");

      // Show the incoming message in snakbar
      _showSnakBarMsg(response.data['message']);
    } catch (e) {
      print("Exception Caught: $e");
    }
  } …
Run Code Online (Sandbox Code Playgroud)

multipartform-data image-upload dart flutter dio

4
推荐指数
1
解决办法
2万
查看次数

Tinymce - images_upload_handler - 验证最大文件大小

有没有办法验证Tinymce 5的images_upload_handler中的图像文件大小。

tinymce.init({
        selector: '#mytextarea',
    images_upload_handler: function(blobInfo, success, failure) {
      .......
    }
});
Run Code Online (Sandbox Code Playgroud)

该函数有 3 个参数,第一个参数是所选图像的 blob 内容。没有规定检查 blob 内容的大小。

有什么办法吗?

javascript tinymce image-upload

4
推荐指数
1
解决办法
5159
查看次数

图像上传到Grails中的文件系统

我正在为Grails中的Web应用程序实现文件上传功能.这包括调整现有代码以允许多个文件扩展名.在代码中,我实现了一个布尔值来验证文件路径是否存在,但我仍然得到一个FileNotFoundException,/hubbub/images/testcommand/photo.gif (No such file or directory)

我的上传代码是

def rawUpload = {       
    def mpf = request.getFile("photo")
    if (!mpf?.empty && mpf.size < 200*1024){
        def type = mpf.contentType
        String[] splitType = type.split("/")

        boolean exists= new File("/hubbub/images/${params.userId}")

        if (exists) {
            mpf.transferTo(new File("/hubbub/images/${params.userId}/picture.${splitType[1]}"))
        } else {
            tempFile = new File("/hubbub/images/${params.userId}").mkdir()
            mpf.transferTo(new File("/hubbub/images/${params.userId}/picture.${splitType[1]}"))
        }

    }
}
Run Code Online (Sandbox Code Playgroud)

我收到了异常消息

if (exists) {
        mpf.transferTo(new File("/hubbub/images/${params.userId}/picture.${splitType[1]}"))
}
Run Code Online (Sandbox Code Playgroud)

那么,为什么会发生这种错误,因为我只是简单地折叠有效的现有路径以及有效的文件名和扩展名?

grails filenotfoundexception image-upload

3
推荐指数
1
解决办法
1119
查看次数

如何将多部分表单数据传递给AWS Lambda

我正在尝试从客户端发送文件并通过AWS API Gateway将其接收到我的Lambda函数,然后将该文件放入S3存储桶中.

我在API网关中使用以下作为默认参数模板

{"image" : $input.params('MediaUrl0')}
Run Code Online (Sandbox Code Playgroud)

我将如何在python中收到它:def read_upload_toS3(event,context):s3 = boto3.resource('s3')

amazon-s3 image-upload amazon-web-services aws-lambda aws-api-gateway

3
推荐指数
1
解决办法
5093
查看次数