`

jquery.filedrop插件的使用,拖动图片上传

阅读更多

此插件需要浏览器支持HTML5,所以IE可能不大支持。
插件使用很简单
<div id="dropbox">
<span class="message">Drop images here to upload. <br /><i>(they will only be visible to you)</i></span>
</div>
这是静态页的重点处。
开心网,点点网等许多网站都会有拖动本地图片就能上传的功能,大部分是在其swfupload.swf外套上dropbox层。
在script.js中修改url: 'post_file.php',指定执行图片上传的程序,
在post_file.php中修改$upload_dir = 'uploads/';指定图片上传的路径。

 

分享到:
评论

相关推荐

    jquery-filedrop:jQuery插件-将桌面文件和POST拖放到URL以处理文件

    jQuery Filedrop插件HTML5将桌面文件拖到浏览器中jQuery filedrop使用HTML5 File API允许用户将多个文件从桌面拖到浏览器,并将每个文件上载到用户指定的URL。 filedrop使用HTML5 FileReader()读取文件数据。...

    FileDrop.zip

    本篇文章将围绕“拖拽式上传”这一主题,结合"FileDrop.zip"中的资源,详细阐述其工作原理、实现方法以及在实际项目中的应用。 "FileDrop.zip"包含三个关键文件:filedrop.js、filedrop-min.js和demo。filedrop.js...

    winform完美实现图片拖拽处理等

    本篇文章将详细介绍如何在VS2010环境下,利用C#语言完美实现Winform应用程序中的图片拖放处理。 首先,我们需要了解Winform中的拖放机制。拖放操作主要涉及两种事件:`DragEnter`和`DragDrop`。`DragEnter`事件在...

    拖动图片,C#资源,例子

    在这个场景中,我们将深入探讨如何在C#中实现图片的拖放操作,即“拖动图片”。 首先,我们需要了解.NET Framework提供的`System.Windows.Forms`命名空间中的`DoDragDrop`和`DragEnter`事件。这两个事件是实现拖放...

    拖拽打开图片

    在.NET Framework 3.5和Visual Studio 2010环境下,实现拖拽打开图片功能是Windows应用程序开发中的一个常见需求。这个功能允许用户通过简单的拖放操作将本地图片文件加载到应用程序中,提高用户体验。以下是一些...

    C# PictureBox接收截图软件截图图片,鼠标拖拽图片

    接下来,我们要实现“鼠标拖拽图片到PictureBox”。在Windows Forms中,可以通过处理鼠标事件来实现这个功能。主要涉及以下几个步骤: 1. **启用AllowDrop属性**:首先,需要将PictureBox的`AllowDrop`属性设置为`...

    WPF拖拽_取得拖拽目标文件名

    在`DragEnter`事件中,我们可以设置允许的数据格式,如`DataObject.GetDataPresent("FileDrop")`检查是否为文件拖放。而在`Drop`事件处理函数中,我们将处理实际的文件名获取: ```csharp private void Grid_...

    Winform中实现向窗体中拖放图片并显示示例代码

    在Windows Forms(Winform)应用开发中,有时候我们需要...用户现在可以直接从文件资源管理器中拖拽图片到窗体的PictureBox控件上,图片会立即显示出来。这个功能对于那些需要用户上传或查看图片的应用程序非常实用。

    C# WPF拖拽的实例

    如果要传递自定义数据,可以使用`DataObject.SetData`方法设置数据,并在接收方使用`DataObject.GetData`来获取。 在实际项目中,你可能需要处理不同类型的拖放源,例如文件、文本、图片等,这就需要适当地检查和...

    winfrom程序中将图片拖入picturebox就能打开显示

    作为备用方案,还可以使用`OpenFileDialog`控件让用户选择图片文件,这种方法虽然不如拖拽直观,但在某些情况下可能更有用。 ```csharp private void button1_Click(object sender, EventArgs e) { OpenFileDialog...

    C#中实现图片文件拖拽的教程以及关键代码!

    这一功能能够增强用户的交互体验,使用户能够通过简单的拖动操作来上传或处理图像文件。下面将详细介绍如何在C#中实现这个功能,并提供关键代码。 首先,我们需要创建一个Windows Forms应用程序项目。在Visual ...

    文件拖动到winforms窗体上

    可以使用`DataObject.GetDataPresent`方法检查数据格式。对于文件,我们通常关心`DataFormats.FileDrop`格式。 ```csharp private void Form1_DragEnter(object sender, DragEventArgs e) { if (e.Data....

    C#251向窗体中拖放图片并显示 源代码

    用户可以从桌面或其他文件夹中拖拽图片到窗体上,图片会自动在PictureBox中显示出来。注意,这个例子只支持了.jpg、.jpeg、.png和.bmp格式的图片,如果你需要支持其他格式,可以扩展`DragEnter`事件中的文件类型检查...

    WINFORM\向窗体中拖放图片并显示

    ### WINFORM向窗体中拖放图片并显示 #### 知识点概述 在Windows Forms(简称WinForms)应用程序开发中,实现用户界面与用户的交互是至关重要的。其中一个常见的需求就是支持用户通过拖放(Drag and Drop)的方式将...

    C#162图片的拖放操作 源代码

    这个功能可以广泛应用于图片浏览器、图像编辑器或者任何需要用户交互上传图片的程序中。 请注意,这只是一个基础示例,实际应用可能需要考虑更多细节,如错误处理、多图处理、图片缩放等。通过理解这些事件和方法,...

    C# winform修改背景图 控件双向绑定 拖拽打开图片

    本文将深入探讨如何在WinForm应用中修改窗口的背景图片,实现控件的双向数据绑定以及支持通过拖拽方式打开图片。我们将围绕这三个核心知识点进行详细阐述。 首先,让我们了解如何在WinForm中更改窗口的背景图片。在...

    vb 实现文件拖拽显示文件路径

    在VB(Visual Basic)编程环境中,实现文件拖拽并显示文件路径是一项常见的功能,尤其在设计用户界面时,能够提高用户的交互体验。本教程将详细解释如何通过VB来实现这一功能。 首先,我们需要理解VB中的DragDrop...

    拖拽照片到winform窗体并自动显示照片_winform_

    如果你想一次拖放多张图片并同时显示,可能需要创建多个PictureBox控件或者使用其他方式来管理图片的显示,比如使用PictureBox的`SizeMode`属性来适应图片大小,或者创建一个ImageList控件来存储图片,然后用一个...

    .net 托放操作知识集(包括DEMO源码)

    在.NET框架中,拖放(Drag and Drop)操作是一种常见的用户界面交互方式,它允许用户通过鼠标将数据从一个控件或窗口拖动到另一个控件或窗口。这种功能广泛应用于文件管理器、桌面图标、应用程序内部元素等场景。本...

    C#源码--拖拽文件到指定控件并获得其路径(by Peng)

    本示例着重讲解如何实现拖拽文件到指定控件(如ListBox)并获取文件路径的功能。这个过程涉及到Windows Forms控件的事件处理以及数据对象的使用。 首先,我们需要启用控件的拖放功能。在C#中,可以为ListBox或其他...

Global site tag (gtag.js) - Google Analytics